上哪找免費網頁設計範例、網站案例?推薦10個網頁設計師最愛 ...
文章推薦指數: 80 %
Pinterest - 各種網頁設計範例的靈感來源 · awwwards - 全球網頁設計得獎網站作品案例 · Behance - 探索各種網頁設計作品範例 · RWDJP - 日本的RWD響應式網頁 ...
WDT網頁設計軟體教學
精選圖片處理網頁設計網站架設網頁設計軟體免費軟體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網頁設計公司的相關訊息嗎?
我們會不定期更新最新網頁設計相關文章,歡迎訂閱凱士知識+。
想詢問網站設計方面的問題?
凱士網站設計公司深受B2B外銷公司、上市櫃公司及外商公司推薦,累積超過100個網頁設計作品。
我們很樂意用淺顯易懂的方式讓我們的客戶輕鬆了解網頁設計的各種疑難雜症。
如果您對網站設計規劃有任何問題,歡迎聯絡凱士網頁設計:立即填寫諮詢表單,或直接撥打電話 04-22210688
網頁設計教學
網站架設教學
相關文章
如何解決網站弱點掃描的Cross-FrameScripting問題?
親子防疫-免費線上親子課程
[網頁教學]網頁設計工作與平面設計工作有什麼不同?
如何使用網頁字型圖示AwesomeFont?
[網頁教學]手機版網站看不到網頁畫面更新?試試飛航模式
[網頁教學]什麼是網頁網格(GridSystem)?
如何清除手機瀏覽器暫存(cache)?
為什麼圖片沒辦法在IE瀏覽器正常顯示?
[網頁教學]採用svg網頁向量格式解決icon圖片模糊的問題
如何使用Windows10內建免費遠端桌面協助工具-快速助手(QuickAssist)
延伸文章資訊
- 1上哪找免費網頁設計範例、網站案例?推薦10個網頁設計師最愛 ...
Pinterest - 各種網頁設計範例的靈感來源 · awwwards - 全球網頁設計得獎網站作品案例 · Behance - 探索各種網頁設計作品範例 · RWDJP - 日本的RWD響應...
- 2網頁設計教學:軟體、範例與自學課程 - 張阿道
網頁設計師、軟體和平台 ; 程式語言, HTML, CSS, HTML, CSS, JavaScript, Sass ; 框架, Bootstrap, jQuery, Vue.js, React...
- 3撰寫第一個HTML 網頁範例
首先是如何撰寫第一個HTML 網頁出來,透過下面的簡單範例,你可以馬上寫出一個簡單的網頁,請先開啟記事本或是Notepade++ 程式碼編輯器,將以下程式碼複製貼上, ...
- 4網頁程式設計
(HTML 5編輯器)bluegriffon. 下載ftp Filezilla ftp. ftp上傳網址: im.hwai.edu.tw 帳 ... 瀏覽網址http://im.hwai.edu...
- 5HTML 網頁設計- CSS 與JavaScript
</sub> 則可以讓文字變下標,以下範例綜合的呈現了這些格式化標記的結果。 <!DOCTYPE html> <html> <head> <meta charset= ...