上哪找免費網頁設計範例、網站作品案例?推薦10個網頁設計師最愛的設計參考網站

2018-10-09

網站設計的過程中常常需要找設計參考資料,若是沒有靈感,如何提出創新的想法?網頁素材一定不能少,去哪裡找設計素材?版面又是隨時在推陳出新,去哪裡找最新的版面設計?網頁設計這個領域的資訊隨時在推陳出新,由凱士數位的網頁設計師們共同推薦,提供10個常用的免費網頁設計資源,給有興趣自學網頁設計的各位做參考。

 

Pinterest  - 各種網頁設計範例的靈感來源

Pinterest是一個以圖片分享為主的網站平台,當然裡面也少不了許多網頁設計範例,例如版面設計、形象設計、UI/UX介面設計等豐富的設計資源。你可以在Pinterest裡找到各種網頁設計作品、創意發想,可以用來當作專案所需的視覺探索工具,也可以用來收集各家網頁設計公司的作品。Pinterest在使用操作上非常方便,若看到喜歡的作品,可以直接釘選起來或是追蹤這個設計師。

https://www.pinterest.com/

 

pinterest

 

awwwards - 全球網頁設計得獎網站作品案例

awwwards是一個網頁設計得獎作品的線上展示平台,這個平台裡每個得獎作品網站都有四個評分項目,分為整體設計、易用性、創意度、內容,是由眾多設計師進行評選。

https://www.awwwards.com/

 

Awwwards

 

Behance - 探索各種網頁設計作品範例

Behance是一個知名的設計作品展示平台,可以直接依關鍵字搜尋你要的設計作品,其中內容也分得很細、也比較廣,從 App、網頁設計、插畫等都有。使用上也沒有任何限制,任何人都能註冊、發布作品。另外 Behance 與 Adobe CC 系列可以互做非常方便的連結與上傳。

https://www.behance.net/

 

Behance

 

RWDJP - 日本的RWD響應式網頁設計作品案例

RWD JP是一個以日本網站為主的網站,可以看到在三種不同視窗大小的響應式呈現,可以用關鍵字、分類、顏色等來搜尋你需要的版型類型。

http://responsive-jp.com/

 

jp

 

templated - 發掘各種網頁設計版型作品範例

templated裡有許多網頁版型,同時也提供原始檔供大家下載,而且可以商業使用但需註明版型出處,因此有需要的朋友,趕快來看看,有沒有喜歡的版型,下載作為自己的參考素材。操作使用上也簡易,找到喜歡的版型後點選縮圖,就會開啟完整的網頁預覽畫面,即可點選右上角的下載按鈕。

https://templated.co/

 

tamolates

 

W3 - 免費的RWD網頁設計版型作品案例

W3是一個免費的RWD自適應網頁版型下載平台,此網站裡面提供的版型相當的多,甚至針對版型進行分類。裡面的所有網頁版型都免費,甚至還可作為商業使用,同時網頁不但很有質感也有設計感。

https://w3layouts.com/

 

w3

 

Pexels - 免費網頁設計圖庫網站

Pexels 特色是將的許多大大小小圖庫與素材來源整合在同一網站,加入搜尋、分類及標籤等功能,讓使用者在找圖片時更快更準確。同時提供各種尺寸的相片,甚至有 HD 高畫質的原始圖檔,不須註冊就能下載,更棒的是還能依照使用者的需求,在線上設定好尺寸後裁切,節省了下載後在進軟體編輯所耗費的時間。

https://www.pexels.com/

 

Pexels

 

html5xcss3 - 符合HTML5和CSS3的網頁設計作品範例

將近500多種的作品主題,版面簡單操作,符合Html5和Css3響應

https://www.html5xcss3.com/

 

html5xcss3

 

OS Templates - 各種免費的網頁設計版型範例

這是一個免費的網頁的素材版型平台,裡面提供HTML的樣版外,還有PSD的網頁版型,同時這些PSD的版型圖層都未合併,因此方便使用者修改與微調。

https://www.os-templates.com/

 

templates

 

lonelypage - 一頁式網站設計工具

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

http://www.lonelypage.io/

 

lonelypage

 

 

 

看了這麼多,是否已經找到適合的參考案例,或對網頁設計有一些頭緒了呢?有靈感以後,接著來了解更多網站設計的相關資訊,認識設計流程以及需要準備哪些素材吧!

 

推薦閱讀:

 

 

 

=========

 

* 歡迎分享這篇文章

 

訂閱文章

想要收到凱士網頁設計的相關訊息嗎?

我們會不定期更新最新網頁設計相關文章,歡迎訂閱凱士知識+

 

 

想詢問網站設計方面的問題?

凱士網站設計公司深受B2B外銷公司、上市櫃公司及外商公司推薦,累積超過100個網頁設計作品

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

 

如果您對網站設計規劃有任何問題,歡迎聯絡凱士網頁設計:立即填寫諮詢表單,或直接撥打電話 04-22210688