上哪找網頁設計範例？推薦10個網頁設計師最愛的案例參考網站

在做網頁設計時常常需要找設計參考資料，若是沒有靈感，如何提出創新的想法？網頁素材一定不能少，去哪裡找設計素材？版面又是隨時在推陳出新，去哪裡 ... WDT網頁設計軟體教學 New圖片處理網頁設計教學網站架設教學網頁設計軟體免費軟體推薦ALL 上哪找網頁設計範例、網站作品案例？推薦10個網頁設計師最愛的設計參考網站 2018-10-09 網站設計的過程中常常需要找設計參考資料，若是沒有靈感，如何提出創新的想法？網頁素材一定不能少，去哪裡找設計素材？版面又是隨時在推陳出新，去哪裡找最新的版面設計？由凱士數位的網頁設計師們共同推薦，提供10個常用的免費網頁設計資源，給有興趣自學網頁設計的各位做參考。

  目錄Pinterest -各種網頁設計範例的靈感來源awwwards-全球網頁設計得獎網站作品案例Behance-探索各種網頁設計作品範例RWDJP-日本的RWD響應式網頁設計作品案例templated-發掘各種網頁設計版型作品範例W3-免費的RWD網頁設計版型作品案例Pexels-免費網頁設計圖庫網站html5xcss3-符合HTML5和CSS3的網頁設計作品範例OSTemplates-各種免費的網頁設計版型範例lonelypage-一頁式網站設計工具 Pinterest -各種網頁設計範例的靈感來源 Pinterest是一個以圖片分享為主的網站平台，當然裡面也少不了許多網頁設計範例，例如版面設計、形象設計、UI/UX介面設計等豐富的設計資源。

你可以在Pinterest裡找到各種網頁設計作品、創意發想，可以用來當作專案所需的視覺探索工具，也可以用來收集各家網頁設計公司的作品。

Pinterest在使用操作上非常方便，若看到喜歡的作品，可以直接釘選起來或是追蹤這個設計師。

https://www.pinterest.com/     awwwards-全球網頁設計得獎網站作品案例 awwwards是一個網頁設計得獎作品的線上展示平台，這個平台裡每個得獎作品網站都有四個評分項目，分為整體設計、易用性、創意度、內容，是由眾多設計師進行評選。

https://www.awwwards.com/     Behance-探索各種網頁設計作品範例 Behance是一個知名的設計作品展示平台，可以直接依關鍵字搜尋你要的設計作品，其中內容也分得很細、也比較廣，從App、網頁設計、插畫等都有。

使用上也沒有任何限制，任何人都能註冊、發布作品。

另外Behance與AdobeCC系列可以互做非常方便的連結與上傳。

https://www.behance.net/     RWDJP-日本的RWD響應式網頁設計作品案例 RWDJP是一個以日本網站為主的網站，可以看到在三種不同視窗大小的響應式呈現，可以用關鍵字、分類、顏色等來搜尋你需要的版型類型。

http://responsive-jp.com/     templated-發掘各種網頁設計版型作品範例 templated裡有許多網頁版型，同時也提供原始檔供大家下載，而且可以商業使用但需註明版型出處，因此有需要的朋友，趕快來看看，有沒有喜歡的版型，下載作為自己的參考素材。

操作使用上也簡易，找到喜歡的版型後點選縮圖，就會開啟完整的網頁預覽畫面，即可點選右上角的下載按鈕。

https://templated.co/     W3-免費的RWD網頁設計版型作品案例 W3是一個免費的RWD自適應網頁版型下載平台，此網站裡面提供的版型相當的多，甚至針對版型進行分類。

裡面的所有網頁版型都免費，甚至還可作為商業使用，同時網頁不但很有質感也有設計感。

https://w3layouts.com/     Pexels-免費網頁設計圖庫網站 Pexels特色是將的許多大大小小圖庫與素材來源整合在同一網站，加入搜尋、分類及標籤等功能，讓使用者在找圖片時更快更準確。

同時提供各種尺寸的相片，甚至有HD高畫質的原始圖檔，不須註冊就能下載，更棒的是還能依照使用者的需求，在線上設定好尺寸後裁切，節省了下載後在進軟體編輯所耗費的時間。

https://www.pexels.com/     html5xcss3-符合HTML5和CSS3的網頁設計作品範例 將近500多種的作品主題，版面簡單操作，符合Html5和Css3響應 https://www.html5xcss3.com/     OSTemplates-各種免費的網頁設計版型範例 這是一個免費的網頁的素材版型平台，裡面提供HTML的樣版外，還有PSD的網頁版型，同時這些PSD的版型圖層都未合併，因此方便使用者修改與微調。

https://www.os-templates.com/     lonelypage-一頁式網站設計工具 lonelypage這個網站可以在線上製作屬於自己的一頁式網站的工具網站，網站中也有很多主題提供我們使用，或是進入編輯器，從頭設計。

http://www.lonelypage.io/       推薦閱讀： 2021形象網站設計的10個網頁設計趨勢，RWD響應式網頁、一頁式網頁等等 什麼是RWD響應式網頁設計？圖解說明讓你3分鐘搞懂 網頁設計作品案例｜推薦最適合你的網站設計 推薦網頁設計製作前必讀的6篇文章，讓你順利接手公司官網設計        =========   ＊歡迎分享這篇文章   訂閱文章 想要收到CADIIS網頁設計公司的相關訊息嗎？ 我們會在FB轉貼網頁設計專欄文章，歡迎訂閱CADIIS凱士數位臉書專頁     想詢問網站設計方面的問題？ 凱士網站設計公司深受B2B外銷公司、上市櫃公司及外商公司推薦，累積超過100個網頁設計作品。

我們很樂意用淺顯易懂的方式讓我們的客戶輕鬆了解網頁設計的各種疑難雜症。

  如果您對網站設計規劃有任何問題，歡迎聯絡凱士網頁設計：立即填寫諮詢表單，或直接撥打電話 04-22210688   網頁設計教學 網站架設教學 相關文章 網頁設計的實用性設計法則是什麼？ 網站上線前準備事項：修改電腦hosts檔，在上線前預覽網站(Windows7) 網頁設計公司要如何比較？製作三家比價規格表 [網頁教學]採用svg網頁向量格式解決icon圖片模糊的問題 推薦網頁設計製作前必讀的10篇文章，讓你順利承接公司官網設計 如何使用GoogleFonts網頁字型？ 如何使用網頁字型圖示AwesomeFont？ 手機版網站(RWD)電腦版網站有什麼差別？ 不會設計海報？推薦一款免費海報設計線上工具DesignCap 如何在Windows主機上架設可以選擇、升級不同的php版本功能？