/
/
5 個網頁設計必加書籤的參考網站,適合發想、提案、開發
網頁設計

5 個網頁設計必加書籤的參考網站,適合發想、提案、開發

網頁設計的靈感並非無中生有,而是透過大量的觀察、累積,最終整合自己的想法呈現出來。以畫畫當作比喻,今天如果想要畫一隻長頸鹿,第一步驟會是找一些長頸鹿的圖片,從真實照片、插畫風格去搜尋,先了解牠的特徵、構造後,才會有明確的方向去繪製。網頁設計就如同上述的流程,在確認客戶的需求後,需要提供實際的參考資料跟客戶確認,盡量避免只有口頭上的描述,造成彼此錯誤的理解。推薦給各位以下 5 個網頁設計必加書籤的參考網站,在發想、提案、開發階段都很有幫助。

Awwwards

webdesign 02 2

網站連結:https://www.awwwards.com/

Awwwards 是一個專業的網站設計和開發競賽機構,若客戶想要新穎的網頁設計呈現方式,從這裡找參考網站絕對會是首選,此外,可以透過上方搜尋去篩選網站,如網站分類、開發技術、配色等找尋對應的參考網站。例如透過篩選找尋使用 WordPress 製作的網站,進而研究他們是如何呈現網站、使用了什麼外掛達成功能,藉由實際已上線的網站去規劃自己的網站設計,與臨摹學習繪畫有異曲同工之妙。

Webデザインギャラリー | S5-Style

webdesign 02 3

網站連結:https://bm.s5-style.com/

S5-Style 主要收集來自日本的網站設計,若需要比較偏向日式的設計風格,可以從這個網站去找尋,此外,透過上方的 Filter 可以篩選網站的類別,若看不懂日文字可以使用 Google 翻譯,透過簡單的詞彙就可以了解它是屬於什麼類型,例如想找尋與餐飲有關的網站,參考他們對於網頁菜單的編排設計,可以在 Service 選擇 「商業施設・飲食店・カフェ・レストラン」,這樣就會出現跟餐飲有關的網站。

I/O 3000

webdesign 02 4

網站連結:https://io3000.com/

I/O 3000 收集了許多日本、國外的網頁設計作品,介面簡單、直覺,在網站右上側的選單可以針對網站進行篩選,如:分類、標籤、顏色等。在選單選擇「Archives」還可以針對年份進行篩選,如果想觀察不同年代網頁設計的演進可以試試看。在找尋參考網站時,除了產業類別外也可以從顏色去找尋,例如科技業可以從黑色、白色、藍色的方向去搜尋,從中研究他們是如何配色,將色彩規劃到網站上。

想了解更多網頁色彩規劃,可以閱讀:網站色彩計畫 (2022 最新) 🙂

Responsive Web Design JP

webdesign 02 5

網站連結:https://responsive-jp.com/

Responsive Web Design JP 整理了各種響應式網頁設計,透過右側選單可以篩選網站類型,如:分類、顏色、技術等。在找尋參考網站時,一定要多方參考,可以給自己訂一個目標,例如找到三個適合專案呈現的參考網站,避免花費過多的時間在瀏覽參考網站而迷失方向,在進行設計時,理解這三個參考網站的架構,在透過拆解、轉化,最終將自己的想法呈現出來,設計出只屬於自己風格特色的網站。

One Page Love

webdesign 02 6

網站連結:https://onepagelove.com/

One Page Love 是一個專門收集一頁式網站的平台,在製作銷售頁或登陸頁時可以在這裡找到對應的參考資料,透過上方選單可以篩選想要網頁類型,例如想要找尋運動相關的頁面,可以選擇 「Inspiration / Sport」,即會顯示與運動相關的頁面,此外在 「Templates」可以下載自己喜歡的版型,若有看到喜歡的版型可以試試看。

以上,分享了 5 個網頁設計必加書籤的參考網站,在發想、提案、開發時,與其埋頭苦想,不如從上述網站找靈感吧!不只可以增加專案的執行效率,還可以從中學習,應用在往後的設計上,擴展自己的設計知識庫 💪

廣告
延伸閱讀
相關標籤:
SHARE
WRITTEN BY
Hend Chen
Hend Chen
嗨,我是 Hend!專長於網頁設計 、UI 設計、品牌設計,熱愛參與社群活動、分享設計新知。我的英文名字取自中文名字發音,發音和手的英文 “hand“ 沒有差異,如果您正面臨網站設計的困擾,我很樂意成為協助您的那雙手!

目錄

Subscribe