上哪找免費網頁設計範例、網站案例?推薦10個網頁設計師最愛 ...
文章推薦指數: 80 %
Pinterest - 各種網頁設計範例的靈感來源 · awwwards - 全球網頁設計得獎網站作品案例 · Behance - 探索各種網頁設計作品範例 · RWDJP - 日本的RWD響應式網頁 ...
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
網頁設計教學
網站架設教學
相關文章
3個步驟加入GoogleMeet會議、分享螢幕畫面-免安裝下載、免註冊的遠端桌面軟體
如何清除電腦網頁瀏覽器暫存(cache)?
網頁設計公司要如何比較?推薦三家比價表範例
[網頁教學]網頁設計工作與平面設計工作有什麼不同?
[網頁教學]如何在網站加入「FB對話框」的功能
如何使用Windows10內建免費遠端桌面協助工具-快速助手(QuickAssist)
[網頁教學]沒有圖片編輯軟體?推薦一款免費線上圖片編輯器「FotoJet」
[網頁教學]手機版網站看不到網頁畫面更新?試試飛航模式
推薦一鍵清除瀏覽器快取的好工具:ClearCache,Google瀏覽器外掛
找不到嘸蝦米的「加字加詞」?
延伸文章資訊
- 1【設計網站推薦】5大設計師必須收藏網站| Toby - HelloToby
設計師必收藏網站TOP5 · 1. Carbonmade · 2. Behance · 3. Coroflot · 4. Pinterest · 5. Issuu.
- 2設計師必逛!44 個找靈感網站推薦:UX、網頁設計 - Eagle
- 3【設計網站】35個國外設計作品網站推薦,設計師的設計作品集 ...
Scrnshts 設計作品集 · creative-portfolios 創意作品集 · designsystems 設計資訊 · owwly 介面設計 · h69.design 介面設計 · ...
- 4上哪找免費網頁設計範例、網站案例?推薦10個網頁設計師最愛 ...
Pinterest - 各種網頁設計範例的靈感來源 · awwwards - 全球網頁設計得獎網站作品案例 · Behance - 探索各種網頁設計作品範例 · RWDJP - 日本的RWD響應...
- 5設計師必看的國外設計/ 創意/ 藝術網站推薦 - 行銷客社群 ...
設計師必看的國外設計/ 創意/ 藝術網站推薦 ; Behance http://www.behance.net/ Adobe家的網站 ; pinterest http://pinterest.c...