跳至主要內容
← 回文章列表

想做網站,參考案例去哪找?

#網頁設計#設計靈感
網頁設計靈感與參考網站整理

找參考網站的目的不是挑一個照著做,而是讓設計方知道你喜歡什麼、排斥什麼。

One Page Love:找單頁網站結構

One Page Love 單頁網站設計案例預覽

開啟 One Page Love ↗

適合參考形象網站、活動頁和 Landing Page。可以觀察一個頁面如何安排標題、服務、案例與聯絡方式。

Pinterest:快速確認風格

Pinterest 視覺靈感平台預覽

開啟 Pinterest ↗

適合快速收集配色、排版和圖片風格。搜尋時使用英文通常比較容易找到結果,例如:

Pinterest 上很多圖片只是設計稿,不一定是真正可以操作的網站,因此適合確認視覺方向,不適合單獨拿來判斷功能。

S5-Style:找日系網站

S5-Style 日本網站設計案例預覽

開啟 S5-Style ↗

收錄大量日本網站,適合找細緻排版、品牌感、餐飲、建築與生活類型的參考。

Responsive Web Design JP:同時看桌機與手機

Responsive Web Design JP 網站預覽

開啟 Responsive Web Design JP ↗

可以一起查看網站在桌機與手機上的呈現,適合確認響應式排版,而不只是看一張首頁截圖。

Awwwards:進階視覺參考

Awwwards 網頁設計獎項網站預覽

開啟 Awwwards ↗

適合找大圖、留白、字體和動態效果。站內有不少高預算、重視視覺實驗的作品,不適合直接當成一般企業網站的功能或預算範本。挑出喜歡的局部即可。

怎麼把參考資料交給設計方

準備三到五個網站就夠了。每個網站使用同一個格式整理:

網址:
喜歡:首頁留白、圖片比例、標題字體
不喜歡:選單太複雜、動畫太多
想參考的範圍:只參考作品排列方式

「我喜歡這個網站」提供的資訊太少。指出具體區塊與原因,設計方才能判斷哪些元素適合你的內容、預算與使用者。