網頁設計資源分享!靈感工具及免費圖庫

Gremlin Works >> 文章列表 Blog >> 網站架設與設計 >> 網頁設計資源分享!靈感工具及免費圖庫
最後更新:

設計資源

進行網頁介面設計時,若能夠熟練地應用工具對於設計人員來說顯得非常重要。這意味著能節省更多的時間,直接完成從草圖到原型的設計,對設計資源方面有更多了解,也越來越重要。我們應該考慮哪些資源呢?這些工具有哪些可能?隨著科技進步,了解用於傳遞和轉換內容的技術也變得相對重要。

 

網頁設計資源整理

1. Awwwards

非常多優秀的網站設計案例,提供完整功能,是追蹤最新網頁設計趨勢的重要資源。

Website posted on Awwwards

2. Collect UI

許多設計案例參考與靈感啟發,作品按照類別區分,介面直觀好用。

Collect UI website

3. FontAwesome

有大量完整的向量圖型文字可以選擇。能夠輕鬆在網頁加入icon。

Font Awesome website

4.  ANIMATE.CSS

由於網頁增添動態效果能有效地提升使用體驗,所以在製作時增加微動畫,已經算是必備的元素,但程式製作動畫撰寫 CSS 相當費時,因此 Animate.css 預建了多種不同的動態效果,您能夠簡單為元件加上動畫!

Animate.css website

5. Dynamics.js

Dynamics.js 是一個JS庫,提供9種標準的動畫,您可以自定持續時間、頻率、尺寸和強度等,做出符合效果的動畫。

Dynamics.js website

免費高質量圖庫

1. Unsplash

高質量圖片,且皆為 CC0 授權。可自由使用。

Unsplash landing screen

2. Pexels

圖片分類很仔細,能夠快速、準確找到各種照片及影片素材。

Pexels website

3. Pixabay

除了CC0圖庫外,一樣也是有提供免費影片素材。

Pixabay website

4. Getty Images

全世界最大圖庫網站,圖片種類非常豐富,目前只提供免費嵌入的服務,並不是免費下載。

Getty Images website
Poster of Jiu Zhen Nan
Poster of Jiu Zhen Nan
台北英僑商務協會

接軌英國與台灣會員是專案執行的目標,提供會員企業全方位的線上整合服務,並提升網路形象,創造會員服務價值。

Kymco's homepage template
Kymco homepage
DRIWAYS

全球線上叫車平台技術與服務整合,並透過行銷策略建立品牌網路知名度,成功提升品牌優質形象。

Poster of Jiu Zhen Nan
Poster of Jiu Zhen Nan
凱舟

我們掌握與其他淨水大品牌競爭關鍵要素,挖掘拓展歐美市場利基點。展現服務為導向的品牌網站,成功建立品牌信任感,並跨足國際市場。

品牌網路形象提升為專案核心,我們運用客製化網站服務技術,開發全球會員與訂房系統,有效整合飯店與飯店線上支援。

iONEX banner with man standing next to his scooter

我們優質的跨國行銷團隊已經成功幫助超過200間公司,包括光陽機車、舊振南、BENQ等等。想了解我們其他成功案例,或免費諮詢嗎?歡迎聯絡我們!

previous arrow
next arrow
Slider