各位高級設計師們、以及剛剛入行的同學們,對於網站設計資源這塊是很重要的。優秀的設計資源能給自己的設計帶來更加便捷的設計思路。通常在設計當中,影響效率的有版式佈局的設計沒有新意、字體設計不夠精緻、色彩搭配不夠高級、選圖、用圖和製圖能力不夠老練,文字信息的抓去和編輯潤色能力不夠強大,以至於最終輸出的綜合視覺不夠令客戶滿意、令老師同學們刮目相看(指作業、畢業論文、畢業答辯的設計作品)。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/15a9ed3e-4254-4a60-8368-a002701c31d7.jpg)
不同的設計師都會有自己不捨得大方分享出來的精品素材網站。包含圖片、圖標、圖形、圖像視頻音頻等等。為了避免這個資源共享不周全問題在這裡,我給大家先推薦2個網址,請大家牢記:
- 216C 全球酷站欣賞,國外精品網站、 UI設計素材及教程分享-C站
216C設計素材及靈感平台,筆者去細細了解過,裡面分享的設計作品、素材、動效設計、交互設計、前端製作、UI設計、C4D建模渲染動畫設計、網站設計、平面設計、品牌設計等都是業界有經驗的資深設計師經過篩选和推送出來的,這一點是跟其他平台有差異的。其他平台是任何用戶都可以發布,門檻較低,資源較泛,不懂得設定關鍵詞的話可能找不到最好的作品。
網頁設計的安全色有216種,C是colour的縮寫,所以216C .com也是這樣來的,也容易記。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/4b2334e2-fa62-466f-95a9-245356305494.jpg)
比如,我是看了第一個由素馬科技賬號推送的3D建模渲染技術給震撼到了。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/00dca5be-d20d-430d-86a0-ca35404e39a7.jpg)
以椅子為建模目標,可以對椅子設定的每個部位進行選材、自定義DIY。這是目前網站定制設計行業的一個趨勢,但不是每一個網站建設公司都具備的一種設計和技術能力。目前使用了這個技術的知名品牌有大眾汽車、奧迪汽車、卡地亞手錶,大家可以去瀏覽一下產品詳情頁。
2. 第二個網址,大家也一定要記住。是優秀網站設計平台分享和維護的一個網址導航。專業的設計類網站設計導航是很難得的。
優設導航官網- 設計導航- 國內專業設計師網站導航
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/359f5df0-37ad-47f4-bec2-293297954234.jpg)
需要圖庫、圖標,這裡應有盡有,而且都是高級的料
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/8f38c0b3-c6e6-4ab7-a2a8-993afa51b78f.jpg)
創意靈感,絕對不會再枯竭了
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/02451e27-c36c-4272-97bb-08b08defb8a5.jpg)
設計如果沒有了工具,效率就很低,而且顯得很low span>
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/140861ad-471b-43e1-aa41-1555459ff83a.jpg)
很多企業客戶想要建設網站卻沒有足夠的預算,這時可以考慮模版建站
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/9e7d50af-9423-44f6-9116-e4cb7200120b.jpg)
尋找攝影的靈感素材,或者自己有創意的圖片,都可以進駐這些平台來發揮自己的特長。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/0d1071be-09b4-482a-abd0-8418b78e6fab.jpg)
如果感覺自己的設計之路遇到了坎坷,不知道未來十年要幹什麼,可以試試看看這些行業設計大廠的UCD, UED部門的設計大咖們是如何帶領團隊跨國一座座山,一個個大型項目的。裡面有在其他公司學不到的寬闊視野。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/552390a6-d023-47f8-a7c4-2303ac936197.jpg)
以上就是對於從事3-5年設計師、10年以上的資深設計師遇到職業瓶頸、以及大量剛剛畢業的優秀設計師、同學們的一個最好的資源分享。以下是我個人在平時設計中最常用的幾個網站,大家看看那有無幫助。
- 追波網,專注UI設計行業的作品。通過長期查閱和使用發現,他們確實是在UI設計,尤其是標誌設計、手機網站設計、用戶體驗設計方面很有一手。而且很多設計師的作品都是帶有視頻演示的,很高質量。
Discover the World's Top Designers & Creative Professionals
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/b95bb8f1-3c42-4dbc-9522-bec1d8a869ea.jpg)
國內也有一個跟追波一樣定位的平台,是Collect UI
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/88899e21-537b-4524-b7d1-b31b9351e70d.jpg)
但是從他們作品的更新頻率來看,這個網站不上不下,想看到最新最潮流的東西,還是建議看追波。
由於追波網的網址很特別,網址組成dri+bbble,看起來是一個錯誤的單詞。也是由於這一點,顯得特別。同樣,跟這個網址相似的幾個知名設計平台,可以是:
https://www.booooooom.com/
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/4bf6d61f-fbe0-4ae4-b3c2-6082554013d4.jpg)
Awwwards - Website Awards - Best Web Design Trends
這個是國外的網頁奧斯卡獎平台。全球最優秀的網站設計作品都可能會參與這個平台的競賽。但凡獲獎的設計作品都很優秀,人氣也很旺。他們的VI也在這幾年裡經歷了多次的升級,官網也是最近又更新了一版。是目前設計類平台網站升級品牌和品質最優秀的一個。換句話說,國內的網站、交互設計公司,如果能在這個平台入住並獲獎,你找他們做網站基本沒有風險問題。
這個平台的域名構成也是a+www+ards+.com, 記住他很容易。 awards是獎項的意思。 www是網站域名的前綴。所以組合起來就是awwwards.com.
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/2a5d1306-2170-42a9-95fc-961810b41ad7.jpg)
下一個要跟大家介紹的是B站。 behance.net.
https://www.behance.net/
做設計師左右3,5年的,我想應該都知道這個平台。跟國內的知乎一樣,都是高端人才進駐和訪問的一個設計社區。裡面的設計作品涵蓋了藝術、攝影、美術、用戶體驗、網站、平面、品牌、室內設計、景觀設計、園林設計、建築設計等等。只要設計師會涉及到的設計類工作,這個平台裡都有對應的優秀作品和靈感可以get.
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/089e2194-9cc4-42e1-866a-128ebfec8454.jpg)
最後一個我想跟大家推薦的是P站。國內有一個翻版的花瓣。可惜花瓣的品質遠不如P站的優秀和齊全。可能是花瓣的入住門檻太低導致的,也或者是運營模式差異導致。
Pinterest.com ,怎麼記住這個設計靈感網站呢。 Pin是拼,就是書籤訂起來。收錄,分享,記住。
interest是興趣。組合起來就是把自己喜歡的美好設計的事物收集起來,訂起來,分享給更多的人。
這個網站可以說是對以上所有設計平台的總結。因為它可以收錄來自以上提到的所有優秀設計平台的作品,同時也把api接口都給了其他平台。只要在其他平台的優秀設計作品上分享一下,就可以把設計作品的圖片,視頻等訂到P站上。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/8b357b3b-4e89-46b7-a0a6-4d035cbbc58a.jpg)
說在最後:
隨著工作角色的不同,不同時期,設計師需要用到的設計工具、設計素材、設計靈感平台是不同的。我是從2004年開始入行做網站設計的,一路走來,分別與大型的建站公司、金蝶、騰訊外包團隊等等有過接觸。發現自己有時候只集中看上面的幾個網站,有時候為了找一些垂直項目的靈感,也會東翻西翻。以下幾個我之前也常常瀏覽,供大家參考:
插畫設計靈感酷站(需要註冊)
Designspiration - Design Inspiration | Inspirational Art, Photography & Typography Images
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/9e0cfe6e-df83-44f4-937b-c6fc2aff17e5.jpg)
以前學網站交互製作設計的時候,經常看這個網站
Awards - The FWA
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/24c3ef32-6b04-414e-b192-97f12b089639.jpg)
相信現在很多過了40歲的設計師都知道這個網站。在中國,最早的一批做網站設計的“繁花”、“花火”(筆名)不知道現在還是否在世,或者是不是轉行。他們當時做的一個墳墓的交互設計網站,可以說是當時 (2004-2005)最牛的技術了。
如果你有視覺設計的瓶頸,可以看看騰訊用戶體驗部門,或阿里用戶體驗部門的文章,看看這些業界設計巨頭大廠都在做什麼,帶領大家走向何方。
騰訊CDC
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/eded5938-3a73-4de2-9b49-2b19370bd057.jpg)
Alibaba.com Design 阿里巴巴國際站設計
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d3051c13-fa12-4572-9f9c-2b8b47bda04c.jpg)
顏色、色盲、色彩感覺很差,配色不行,看看這個 span>
中國色彩,中國傳統色彩,網頁配色,設計配色,配色圖表,配色卡,SDC優設網配色工具
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/9ce2f74d-7331-48ed-aaef-516547d0b00e.jpg)
輸入你想要的品牌主色,然後幫你搭配各種配色方案
https://color.adobe.com/zh/create/color-wheel
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ab7a740e-fff4-4cb4-8245-e752f4f48d8e.jpg)
如果你從事的是平面設計的話,缺少設計關鍵,或者在寫設計提案方面很頭疼,可以多看看設計邦的文章。
以上幫助大家解決了界面設計、插圖、配色等問題,最後一個就是圖標和字體了。
圖標,可以看這個
iconfont-阿里巴巴矢量圖標庫
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/099b8434-bf10-4ca4-b398-c61ade878715.jpg)
因字體涉及到商用版權問題,而中文類的字體很多企業都是買不起的。以方正系列為例子,一個字體家族一個字重,得付給方正公司12.5萬/年。如果你想買方正黑體的常規體、纖體、粗體三種字重,至少付37.5萬元/年。當然,現在有一種新的付費方式出現了,就是用於網站當中,按流量來計費。訪問得多,就收多一些。
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/20year%20summary%20of%20inspiration%20resources%20for%20designers%20of%20major%20UI%20manufacturers%20websiteinterface%20UIinteractioncopywriting.html
评论列表(196条)
测试