前言
在網頁設計或其他美術設計領域,能獨創風格的設計師非常少,只有極少數天賦特別高的人才能做到。大部分設計師的作品都不是憑空想出來的,而是靠平時累積靈感,慢慢形成自己的風格。比如,要是一個擅長可愛風的設計師,突然被要求設計一個恐怖風的作品,可能會因為不熟悉而做不出來。
設計的基礎:靈感與累積
設計師在日常生活中會有意識或無意識地收集靈感,例如觀察其他作品、研究設計趨勢、參考歷史藝術風格或大眾文化。這些累積成為他們的「設計庫存」,在需要創作時成為快速提取的資源。
靈感的來源:
- 書籍、雜誌、展覽
- 線上平台(例如 Behance、Dribbble、Pinterest)
- 自然界的色彩與形態
- 其他領域的藝術(音樂、電影、建築等)
效果:
累積足夠的靈感後,設計師的腦海中會自動形成「風格地圖」,讓他們在特定風格或需求下快速反應。
而我本身主要會接觸的領域是網頁設計、APP設計、UI/UX設計,平時如果有常在接觸好的設計、搜集設計、關注最新趨勢,這樣再與客戶討論時,會不停文思泉湧,非常有料。
設計風格的形成與限制
大多數設計師會專精於特定風格,這是因為風格需要時間去理解、模仿、內化,最終形成自然的表達方式。以下是具體原因:
風格的專精:
設計師花費大量時間專注於某種風格,例如可愛風、極簡風或復古風。隨著經驗的累積,他們會熟悉該風格的:
- 色彩搭配
- 排版結構
- 元素形式(例如線條的粗細、細節的繁簡)
風格切換的困難:
如果設計師突然需要切換到完全陌生的風格,可能會:
- 缺乏靈感
- 對該風格的技術細節不熟悉
- 作品看起來不自然或不統一
一些專門提供網站設計範例的網站
網站 | 特色 |
---|---|
Dribbble | 全球設計師分享作品的平台,涵蓋 UI/UX、網頁設計等範例。支援搜尋各種風格或元素的範例。適合設計師、前端工程師尋找靈感。 |
Behance | Adobe 擁有的設計分享平台,展示各類創意設計,包括網站範例。網站設計範例有詳細的設計思路和專案背景解釋。適合查看完整設計專案流程。 |
Awwwards | 收錄全球頂尖網站設計,並提供評分系統(設計、創意、可用性)。適合查看高質感網站範例,了解最新的網頁設計趨勢。 |
SiteInspire | 收錄多種類型的精選網站設計範例,可以根據行業、風格、設計師篩選。適合尋找與自己網站定位相關的設計靈感。 |
TemplateMonster | 提供多種網站範本和 UI 設計範例,可以付費購買。適合想要快速建站或複製範本的用戶。 |
One Page Love | 專注於單頁式網站設計範例,非常適合活動頁面、作品集或簡單網站。 支援按風格和行業分類搜尋範例。 |
ThemeForest | 提供大量 WordPress、HTML 網站模板和設計範例。 適合快速搭建網站並了解市面上常見的設計趨勢。 |
儲存和收藏設計靈感的好地方,支援多種主題與設計風格搜尋。可以蒐集網頁設計範例、圖示設計、版面配置等靈感。 | |
CSS Design Awards | 提供優秀的 CSS 網站設計範例,每日推薦最新的創意網站。 適合想了解 CSS 特效和創新交互設計的人。 |
Muzli by InVision | 集合各種設計靈感來源,包括網頁設計、UI/UX 和動畫設計。作為 InVision 的附屬產品,特別適合設計師尋找前沿設計範例。 |
補充
設計ICON可以可以參考 FLATICON、Google Fonts、Font Awesome
如果已經有明確的需求,可以參考競業