網頁設計的靈感並非無中生有，而是透過大量的觀察、累積，最終整合自己的想法呈現出來。以畫畫當作比喻，今天如果想要畫一隻長頸鹿，第一步驟會是找一些長頸鹿的圖片，從真實照片、插畫風格去搜尋，先了解牠的特徵、構造後，才會有明確的方向去繪製。網頁設計就如同上述的流程，在確認客戶的需求後，需要提供實際的參考資料跟客戶確認，盡量避免只有口頭上的描述，造成彼此錯誤的理解。推薦給各位以下 5 個網頁設計必加書籤的參考網站，在發想、提案、開發階段都很有幫助。
Awwwards 是一個專業的網站設計和開發競賽機構，若客戶想要新穎的網頁設計呈現方式，從這裡找參考網站絕對會是首選，此外，可以透過上方搜尋去篩選網站，如網站分類、開發技術、配色等找尋對應的參考網站。例如透過篩選找尋使用 WordPress 製作的網站，進而研究他們是如何呈現網站、使用了什麼外掛達成功能，藉由實際已上線的網站去規劃自己的網站設計，與臨摹學習繪畫有異曲同工之妙。
S5-Style 主要收集來自日本的網站設計，若需要比較偏向日式的設計風格，可以從這個網站去找尋，此外，透過上方的 Filter 可以篩選網站的類別，若看不懂日文字可以使用 Google 翻譯，透過簡單的詞彙就可以了解它是屬於什麼類型，例如想找尋與餐飲有關的網站，參考他們對於網頁菜單的編排設計，可以在 Service 選擇 「商業施設･飲食店･カフェ･レストラン」，這樣就會出現跟餐飲有關的網站。
網站連結：https://io3000.com/
I/O 3000 收集了許多日本、國外的網頁設計作品，介面簡單、直覺，在網站右上側的選單可以針對網站進行篩選，如：分類、標籤、顏色等。在選單選擇「Archives」還可以針對年份進行篩選，如果想觀察不同年代網頁設計的演進可以試試看。在找尋參考網站時，除了產業類別外也可以從顏色去找尋，例如科技業可以從黑色、白色、藍色的方向去搜尋，從中研究他們是如何配色，將色彩規劃到網站上。
想了解更多網頁色彩規劃，可以閱讀：網站色彩計畫 (2022 最新) 🙂
Responsive Web Design JP 整理了各種響應式網頁設計，透過右側選單可以篩選網站類型，如：分類、顏色、技術等。在找尋參考網站時，一定要多方參考，可以給自己訂一個目標，例如找到三個適合專案呈現的參考網站，避免花費過多的時間在瀏覽參考網站而迷失方向，在進行設計時，理解這三個參考網站的架構，在透過拆解、轉化，最終將自己的想法呈現出來，設計出只屬於自己風格特色的網站。
One Page Love 是一個專門收集一頁式網站的平台，在製作銷售頁或登陸頁時可以在這裡找到對應的參考資料，透過上方選單可以篩選想要網頁類型，例如想要找尋運動相關的頁面，可以選擇 「Inspiration / Sport」，即會顯示與運動相關的頁面，此外在 「Templates」可以下載自己喜歡的版型，若有看到喜歡的版型可以試試看。
以上，分享了 5 個網頁設計必加書籤的參考網站，在發想、提案、開發時，與其埋頭苦想，不如從上述網站找靈感吧！不只可以增加專案的執行效率，還可以從中學習，應用在往後的設計上，擴展自己的設計知識庫 💪
