平面設計師經常去哪些網站？
作者：李大穎
連結：https://www.zhihu.com/question/20238525/answer/744878367
來源：知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。
好巧，我有個朋友就是一個設計師。機智的我，用一杯珍珠奶茶，從他那兒換來了珍藏已久的設計網站，足足有一百多個呢！
實在是太多了，是以，我從中精選了15個高品質、大家都需要的設計網站。
從素材收集、配色到靈感參考，你想要的的，這裡都有！一起來看看吧：
<img src="https://pic2.zhimg.com/50/v2-90dd42959d17c9ae61762881732c5adb_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1024" data-rawheight="576" data-default-watermark-src="https://pic1.zhimg.com/50/v2-ce953fb2240974d46e0646c3f8f332bc_hd.jpg" class="origin_image zh-lightbox-thumb" width="1024" data-original="https://pic2.zhimg.com/v2-90dd42959d17c9ae61762881732c5adb_r.jpg">
<img src="https://pic2.zhimg.com/50/v2-3263f1fe9ce322e6b9207e5572d59ae9_hd.jpg" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="400" data-default-watermark-src="https://pic4.zhimg.com/50/v2-bd9419bb53f227cfab84c53ebac9aad7_hd.jpg" class="origin_image zh-lightbox-thumb" width="600" data-original="https://pic2.zhimg.com/v2-3263f1fe9ce322e6b9207e5572d59ae9_r.jpg">
目錄：
一、各種素材網站，充實你的素材庫
二、進階感配色去哪找
三、靈感參考，欣賞優質作品
一、各種素材網站
一份優秀的作品，需要設計者收集大量的素材。是以，大多數設計者都有自己的素材庫。
不僅包含圖檔，還有字型、icon，甚至一些高品質的插圖。那我們可以去哪裡找這些素材呢？
<img src="https://pic3.zhimg.com/50/v2-56125b999297fd47fc4303b45d37df6f_hd.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="375" data-default-watermark-src="https://pic1.zhimg.com/50/v2-d40be9d467c20c3d4c12d1e3238439e2_hd.jpg" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic3.zhimg.com/v2-56125b999297fd47fc4303b45d37df6f_r.jpg">
本文首發于【Tools指南】公衆号！
圖檔素材
圖檔，是每個設計師必備的素材。一個優秀的設計離不開一張好圖，那我們要到哪裡去找高品質的圖檔素材呢？
不需要收藏那麼多，一個網站就夠了：
1.免費可商用圖檔庫
免費圖檔素材|如何啟動LLC.org
這個網頁整合了49個圖檔網站，上面所有的圖檔都是可商用的。我們熟知的Unsplash、pixabay等都可以在這裡找到。
圖檔品質非常高！
<img src="https://pic4.zhimg.com/50/v2-25508b812be70431e5f8b302badd6284_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1355" data-rawheight="1295" data-default-watermark-src="https://pic2.zhimg.com/50/v2-d7d4664f032c6982bd5e3a5cd0d103e5_hd.jpg" class="origin_image zh-lightbox-thumb" width="1355" data-original="https://pic4.zhimg.com/v2-25508b812be70431e5f8b302badd6284_r.jpg">
如何快速完成一張海報
2.稿定設計
https://www.gaoding.com
很實用的一個線上設計網站，提供非常全面的設計模闆。
一分鐘搞定海報、配圖、履歷、PPT模闆等設計，工作生活上需要用到的，基本都涵蓋了。
模闆品質很高，而且還是免費的。支援線上編輯，使用字型時，還會提示能否商用！
<img src="https://pic1.zhimg.com/50/v2-c7a02df0b56a609045bc889e0da732ca_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1593" data-rawheight="920" data-default-watermark-src="https://pic3.zhimg.com/50/v2-5e02b30acc3e543855f45d07fc1397b7_hd.jpg" class="origin_image zh-lightbox-thumb" width="1593" data-original="https://pic1.zhimg.com/v2-c7a02df0b56a609045bc889e0da732ca_r.jpg">
還有活動的全套設計：
<img src="https://pic1.zhimg.com/50/v2-1bc7a42e378eaece15171a107034bdb7_hd.jpg" data-caption="" data-size="normal" data-rawwidth="553" data-rawheight="359" data-default-watermark-src="https://pic4.zhimg.com/50/v2-9147d2a6d3b89cbd5909ece29b71709b_hd.jpg" class="origin_image zh-lightbox-thumb" width="553" data-original="https://pic1.zhimg.com/v2-1bc7a42e378eaece15171a107034bdb7_r.jpg">
去哪裡下載下傳字型
3.字魂
https://izihun.com/
我們寫的字，可以反映我們的性格，而一幅作品中的字型，也可以展示作品的風格調性。
而這個網站，提供了很多的字型：
<img src="https://pic2.zhimg.com/50/v2-2f418696af9e06e3c30dbf444005e59e_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="608" data-default-watermark-src="https://pic2.zhimg.com/50/v2-1163b792568619a68531eebe666d2bc3_hd.jpg" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic2.zhimg.com/v2-2f418696af9e06e3c30dbf444005e59e_r.jpg">
除了一些比較好看的字型外，網站還整理了一系列的免費可商用字型，比如這個超黑體俏皮動物：
<img src="https://pic2.zhimg.com/50/v2-0913b3bad4434bd70fc13fb1d95475c4_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="772" data-default-watermark-src="https://pic4.zhimg.com/50/v2-8cfd21dd54119738123217d0d913eec0_hd.jpg" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic2.zhimg.com/v2-0913b3bad4434bd70fc13fb1d95475c4_r.jpg">
而且我們無需登入，直接下載下傳就可以了。最貼心的是，網站對使用範圍進行了明确，再也不用怕侵權了。
4.iconfont
Iconfont-阿裡巴巴矢量圖示庫
一個擁有500多萬小圖示的網站。
作為我們一幅作品的點睛之筆，也是不可或缺的。比如下面這個案例，運用圖示，可以給人帶來更直覺的感受：
<img src="https://pic2.zhimg.com/50/v2-8a0b797c1a81d2863958c179194037e4_hd.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="360" data-default-watermark-src="https://pic2.zhimg.com/50/v2-546240e6831d0d4255c24587559267f4_hd.jpg" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic2.zhimg.com/v2-8a0b797c1a81d2863958c179194037e4_r.jpg">
這個大家應該都知道，我之前也有推薦，裡面有大量專業設計師所設計的圖示。
風格種類有很多，拟物風、扁平風、ins風。
<img src="https://pic3.zhimg.com/50/v2-1e11d954437d6b0c726aeb6f31d77b59_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1503" data-rawheight="880" data-default-watermark-src="https://pic4.zhimg.com/50/v2-84abf3daa4568f54049fe2ba40743427_hd.jpg" class="origin_image zh-lightbox-thumb" width="1503" data-original="https://pic3.zhimg.com/v2-1e11d954437d6b0c726aeb6f31d77b59_r.jpg">
而且圖示都是矢量的，你可以更改它的顔色、大小，都不會失真。
<img src="https://pic2.zhimg.com/50/v2-f5c9bd7d70f7b00e0a3d195af4d23b55_hd.jpg" data-caption="" data-size="normal" data-rawwidth="947" data-rawheight="669" data-default-watermark-src="https://pic1.zhimg.com/50/v2-024f842c38d8dba97ebfd0d550eefa24_hd.jpg" class="origin_image zh-lightbox-thumb" width="947" data-original="https://pic2.zhimg.com/v2-f5c9bd7d70f7b00e0a3d195af4d23b55_r.jpg">
5. 插圖畫廊-ManyPixels
插畫圖廊
一個提供3D插畫素材的網站。不僅免費，而且站内所有素材免版權，可商用！
<img src="https://pic3.zhimg.com/50/v2-4191777382e4905fc98464e6d3656eda_hd.jpg" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="339" data-default-watermark-src="https://pic2.zhimg.com/50/v2-fa96e432ffb4099c7df63add06be5c38_hd.jpg" class="origin_image zh-lightbox-thumb" width="600" data-original="https://pic3.zhimg.com/v2-4191777382e4905fc98464e6d3656eda_r.jpg">
這個網站提供了很多好看的三維小圖示，支援一鍵換色：
<img src="https://pic4.zhimg.com/50/v2-fd4f4ccc31e9e0b127b029dd1abdd403_hd.jpg" data-caption="" data-size="normal" data-rawwidth="480" data-rawheight="365" data-default-watermark-src="https://pic4.zhimg.com/50/v2-21c09d24e6f14b2c5340728518a24603_hd.jpg" class="origin_image zh-lightbox-thumb" width="480" data-original="https://pic4.zhimg.com/v2-fd4f4ccc31e9e0b127b029dd1abdd403_r.jpg">
而且網站提供無損的svg格式，直接下載下傳使用：
<img src="https://pic4.zhimg.com/50/v2-7531628b47954553f52c4dca5d83eb8e_hd.jpg" data-caption="" data-size="normal" data-rawwidth="723" data-rawheight="654" data-default-watermark-src="https://pic2.zhimg.com/50/v2-41b0d6cbfe2fce81f81b0c83ce81e98c_hd.jpg" class="origin_image zh-lightbox-thumb" width="723" data-original="https://pic4.zhimg.com/v2-7531628b47954553f52c4dca5d83eb8e_r.jpg">
6. 拉開
拉開
一個提供各種扁平化插圖素材的網站。
與上面的網站類似，支援一鍵換色。網站内素材非常豐富，輕松就能找到一個符合你需求的插圖素材
用在書籍排版，或PPT設計裡都很不錯。
<img src="https://pic1.zhimg.com/50/v2-ac6f54c5616271d709ab4b3f5aeab6e1_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="665" data-default-watermark-src="https://pic4.zhimg.com/50/v2-1125c34e66fe412b176365a4beb99a63_hd.jpg" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic1.zhimg.com/v2-ac6f54c5616271d709ab4b3f5aeab6e1_r.jpg">
二、進階感配色去哪找
從單色選擇，漸變色到多種顔色合理搭配，我為你整理了4個高品質網站：
7. 中國傳統色
浪花綠-中國色-中國傳統顔色
一個顔色參考網站。
每一個顔色都有一個好聽的名字，白有銀魚白，雲峰白，月影白……；藍有星藍、晴藍、井天藍……；綠有松霜綠、蔻梢綠、海沫綠……
名字好聽，顔色更好看！并且提供CMYK、RGB兩種參數！
<img src="https://pic1.zhimg.com/50/v2-ea93f0de816ceb09ea67636e53c0f078_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1509" data-rawheight="927" data-default-watermark-src="https://pic2.zhimg.com/50/v2-2e78fa0b1064bdca97b184eef8d8f3dd_hd.jpg" class="origin_image zh-lightbox-thumb" width="1509" data-original="https://pic1.zhimg.com/v2-ea93f0de816ceb09ea67636e53c0f078_r.jpg">
8. 日本傳統色
NIPPON COLORS-日本傳統色
與中國傳統色一樣，每種顔色都有自己的名字，點選一個顔色後整個頁面都會呈現！同樣提供CMYK、RGB兩種參數！
<img src="https://pic4.zhimg.com/50/v2-c1a6c294b4b85df3df116be8f7da8329_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1509" data-rawheight="927" data-default-watermark-src="https://pic4.zhimg.com/50/v2-67a2c5effa1243701f832407dede42d9_hd.jpg" class="origin_image zh-lightbox-thumb" width="1509" data-original="https://pic4.zhimg.com/v2-c1a6c294b4b85df3df116be8f7da8329_r.jpg">
9.漸變色
新鮮的背景漸變|WebGradients.com
一個提供高品質漸變色配色的網站。
漸變色設計也是今天的流行趨勢，從手機到時尚圈都能看到漸變色的身影。但是如何把漸變色做的進階、好看呢？不妨參考這個專業的網站！
100多個免費的漸變配色，足夠你使用！同時，網站提供每一個漸變素材的PNG版本。
<img src="https://pic4.zhimg.com/50/v2-dd9ca3eab8407b05d1b5cb6bee5bec01_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1735" data-rawheight="905" data-default-watermark-src="https://pic1.zhimg.com/50/v2-8987b1eeae3d2f4bc7fa4f9f957f6c5b_hd.jpg" class="origin_image zh-lightbox-thumb" width="1735" data-original="https://pic4.zhimg.com/v2-dd9ca3eab8407b05d1b5cb6bee5bec01_r.jpg">
10.Color
Adobe Color
一個Adobe家出的配色網站。
如果你不知道什麼顔色搭配起來，更好看的話，不妨試試這個網站。拖動小圓球，就可以看到。
<img src="https://pic1.zhimg.com/50/v2-d1cefbd0dbcd161032e32796d7601454_hd.jpg" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="418" data-default-watermark-src="https://pic4.zhimg.com/50/v2-015d9bfc2c7eeca417c7e69195df88d7_hd.jpg" class="origin_image zh-lightbox-thumb" width="600" data-original="https://pic1.zhimg.com/v2-d1cefbd0dbcd161032e32796d7601454_r.jpg">
同時，它還支援多種顔色搭配預覽。提供四種色彩模式，不僅有我們熟悉的RGB，CMYK，還有HSV，LAB。
左上角還支援從影像中提取色彩，對于一些優秀的電影鏡頭，我們就能很快知道他的配色是什麼了！
<img src="https://pic4.zhimg.com/50/v2-301ed4fb70752fdb36586db0de044fcf_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1177" data-rawheight="647" data-default-watermark-src="https://pic3.zhimg.com/50/v2-4dfa0fb17b371b44f0c5f56fcade2aae_hd.jpg" class="origin_image zh-lightbox-thumb" width="1177" data-original="https://pic4.zhimg.com/v2-301ed4fb70752fdb36586db0de044fcf_r.jpg">
三、高品質
想學好設計，最重要的一個步驟，就是欣賞那些好的作品，這樣，你設計出的作品才更炫酷，能被稱作是大神作品！
那想多看看優秀作品，你可以去哪些網站呢？
<img src="https://pic4.zhimg.com/50/v2-9e0c30c2d72da6d6eff0ed0366ebeb9e_hd.jpg" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="216" data-default-watermark-src="https://pic1.zhimg.com/50/v2-c083eb1b40986846d4fbdca88c555681_hd.jpg" class="origin_image zh-lightbox-thumb" width="600" data-original="https://pic4.zhimg.com/v2-9e0c30c2d72da6d6eff0ed0366ebeb9e_r.jpg">
11.全球頂尖創意分享平台
TOPYS|全球頂尖創意分享平台 OPEN YOUR MIND
一個非常贊的創意分享平台。
這裡有來自全球最新鮮的、最優質的創意資訊。網站裡的内容共分為五大類：創意、設計、商業、藝術、文化和科技。
整個網站非常幹淨，沒有廣告。不管是資訊還是視訊，都會讓你想點開看看！
<img src="https://pic2.zhimg.com/50/v2-670e5ca66392952209c241e72c8705de_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1627" data-rawheight="927" data-default-watermark-src="https://pic4.zhimg.com/50/v2-6b866d42d7f6a8c595b6da8f3a1600a8_hd.jpg" class="origin_image zh-lightbox-thumb" width="1627" data-original="https://pic2.zhimg.com/v2-670e5ca66392952209c241e72c8705de_r.jpg">
12.優優靈感
優優靈感-設計師靈感展現與啟發-優優教程網
這是一個比較綜合的網站，在上面有很多優秀的作品，而且分類齊全，海報、logo、banner、插畫等，都有涉及。
<img src="https://pic2.zhimg.com/50/v2-5fa1a75106512c9bde1e65afcaf7d294_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="835" data-default-watermark-src="https://pic3.zhimg.com/50/v2-068bcbff8e900c55ee9ed8e93c6686f3_hd.jpg" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic2.zhimg.com/v2-5fa1a75106512c9bde1e65afcaf7d294_r.jpg">
如果你對其中的某方面感興趣，可以點進去，深入了解一下。
除了一些比較優秀的作品外，這裡還介紹一些創意想法。比如對最近熱播的《長安十二時辰》，你可以分析頁面的色彩構成，找到适合的色彩搭配：
<img src="https://pic2.zhimg.com/50/v2-d987fc9c7115ca700edef5094f8faaef_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="725" data-default-watermark-src="https://pic2.zhimg.com/50/v2-b156358d400c30e6bf2203cf8cb72ba6_hd.jpg" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic2.zhimg.com/v2-d987fc9c7115ca700edef5094f8faaef_r.jpg">
是不是覺得自己的劇都白看了，隻顧着裡面的演員和劇情了？
13.站酷
站酷（ZCOOL）-設計師互動平台-打開站酷，發現更好的設計！
站酷聚集了中國許多優秀的設計師，你可以在這上面進行交流讨論。
如果你想找一些優秀的作品，可以直接在這裡進行搜尋，比如要找海報設計，我們就可以看到有很多的設計方案，比如春節回家海報：
<img src="https://pic1.zhimg.com/50/v2-b307d4d6d4f588886a513b5edce89792_hd.jpg" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="860" data-default-watermark-src="https://pic4.zhimg.com/50/v2-709675feb8030065df71260c1dd89bbc_hd.jpg" class="origin_image zh-lightbox-thumb" width="600" data-original="https://pic1.zhimg.com/v2-b307d4d6d4f588886a513b5edce89792_r.jpg">
14. Dribble
Dribbble - 發現世界頂級設計師和創意專業人士
一個全球設計師最佳交流平台。
裡面有很多作品，分類也很齊全。你可以在這裡看到網頁設計、動畫設計等高品質作品：
<img src="https://pic3.zhimg.com/50/v2-e590509ae7467d4d220a0aee210a48c5_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="551" data-default-watermark-src="https://pic3.zhimg.com/50/v2-346346996d215044c77bd73dd24710ab_hd.jpg" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic3.zhimg.com/v2-e590509ae7467d4d220a0aee210a48c5_r.jpg">
舉個例子：
<img src="https://pic4.zhimg.com/50/v2-f7ec7c79a16e6c40460957aa28b29ee5_hd.jpg" data-caption="" data-size="normal" data-rawwidth="800" data-rawheight="600" data-default-watermark-src="https://pic4.zhimg.com/50/v2-b72d3c19cc9351e45315f4ef6281a455_hd.jpg" class="origin_image zh-lightbox-thumb" width="800" data-original="https://pic4.zhimg.com/v2-f7ec7c79a16e6c40460957aa28b29ee5_r.jpg">
是不是很精緻？
15.日本設計
垂直網頁設計圖庫和網站連結 - MUUUUU.ORG
這是日本的一個設計類網站，收錄了很多設計優秀的網站，而且進行了細緻的分類，比如按照顔色、領域進行分類：
<img src="https://pic1.zhimg.com/50/v2-4619cfb65650a3a3df84bce6bd4b3358_hd.jpg" data-caption="" data-size="normal" data-rawwidth="439" data-rawheight="387" data-default-watermark-src="https://pic2.zhimg.com/50/v2-db3fb482671ef43cc7c435e81d216bb4_hd.jpg" class="origin_image zh-lightbox-thumb" width="439" data-original="https://pic1.zhimg.com/v2-4619cfb65650a3a3df84bce6bd4b3358_r.jpg">
任意點選一個，都可以直接檢視網站的界面，比如下面這個美食網站：
<img src="https://pic4.zhimg.com/50/v2-e90ea85c1fb0701444e23ee34b5083de_hd.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="800" data-default-watermark-src="https://pic2.zhimg.com/50/v2-6c57ac6f8e53c7112a146521a1950f32_hd.jpg" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic4.zhimg.com/v2-e90ea85c1fb0701444e23ee34b5083de_r.jpg">
你可以借鑒上面的整體構圖、色彩搭配、UI互動等。