即使已經(jīng)出現(xiàn)了不少資源整理類文章字柠，但很多設(shè)計師在找素材時效率仍不夠高弧哎。

東百度右花瓣地找安卓控件集合就浪費了大半天時間朵逝，關(guān)鍵是還不一定齊全萌业；很好的設(shè)計素材卻不能同時找到PSD坷襟、EPS、PNG版本生年，只能不停地轉(zhuǎn)換格式……你很忙婴程，效率卻很低。這些都特別讓人抓狂晶框。

今天我們二次精選了一些設(shè)計網(wǎng)站排抬，并逐一地去試用，總結(jié)其特點授段。

你可以把它當(dāng)成一套體系去使用蹲蒲，每個網(wǎng)站都對應(yīng)一個需求，能夠精準(zhǔn)地直達(dá)目標(biāo)：安卓侵贵、 iOS系統(tǒng)控件一個平臺就可搞定届搁；輕輕一搜，多格式素材也都有了……

整理的目標(biāo)就是為了節(jié)省時間窍育，產(chǎn)出一套可復(fù)用的模式卡睦。

希望可以幫到大家。

干貨多多漱抓，點贊表锻、收藏都是不錯的選擇喲！

索引一覽

① ?圖標(biāo)及LOGO設(shè)計
② ?分專題設(shè)計網(wǎng)站
③ ?移動端設(shè)備設(shè)計
④ ?網(wǎng)頁設(shè)計展示
⑤ ?收集各類設(shè)計文章的網(wǎng)站
⑥ ?手繪類作品分享展示社區(qū)
⑦ ?封面乞娄、海報瞬逊、插畫等設(shè)計
⑧ ?配色相關(guān)
⑨ ?設(shè)計規(guī)范
⑩? 設(shè)計教程
? ?設(shè)計師個人網(wǎng)站
?? 設(shè)計公司

▎圖標(biāo)及LOGO設(shè)計

圖標(biāo)是設(shè)計的基礎(chǔ)與第一步显歧，看起來很簡單，實則當(dāng)要親自去設(shè)計時卻往往難以有明確的方向确镊，下面的網(wǎng)站都各有特點和優(yōu)勢士骤，適用于不同的場景需求。希望大家不要只是收藏蕾域，更能真正派上用場拷肌。

1. http://iconmonstr.com/

全都是黑白線性icon，極簡風(fēng)格旨巷。
特點：可以下載多種格式（SVG EPS PSD PNG）巨缘。

iconmonstr向你投來免費大禮包ε==(づ′▽`)づ

媽媽再也不用擔(dān)心我心力交瘁地穿梭于各大格式之間進(jìn)行轉(zhuǎn)換啦︿(￣︶￣)︿。

2. https://thenounproject.com/

Icons for everything契沫。
顧名思義带猴，在這兒只要輸入關(guān)鍵詞即可搜索到你要的everything。
以下是“cat”的搜索結(jié)果懈万，意不意外拴清，驚不驚喜？
當(dāng)然会通，要用英文搜索哦口予。

Cat：本宮這么可愛，美顏照片當(dāng)然多啦

3. https://icons8.com/web-app/new-icons/all

特點：左側(cè)的分類標(biāo)準(zhǔn)涕侈。
作為一名設(shè)計師沪停，iOS、Android裳涛、Windows各大平臺的資源你敢說不清楚不明了不想要木张？
不用辛辛苦苦地跨平臺去搜集素材了，一個網(wǎng)站就可搞定80%端三。

給你們看看我有多體貼

4. https://www.iconfinder.com/

特點：付費與免費并存舷礼，線性icon與微材質(zhì)圖標(biāo)齊飛。
也終于有彩版icon了郊闯。
想知道付費資源與免費資源之間有哪些不同嗎妻献？快去探索吧～

5. https://logopond.com/

和dirbbble的頁面很像，不過dribbble是動效团赁、界面育拨、圖標(biāo)啥都有的一個集市。
而logopond它只提供圖標(biāo)欢摄，是一家專門的圖標(biāo)供應(yīng)網(wǎng)站熬丧。

6. http://iosicongallery.com/

iOS APP高清圖標(biāo)展示平臺

因為是高清展示平臺，重點在于展示怀挠。
特點：不能直接下載圖片格式锹引。沒錯矗钟，就是這么傲嬌唆香。
不過可以十分清晰地看到圖標(biāo)上的細(xì)節(jié)嫌变，紙質(zhì)感、木質(zhì)感令人賞心悅目（下圖）躬它。

我高清可不是蓋的腾啥。

然而...

△保存時只有網(wǎng)頁格式。

△報告冯吓！這里混入了兩個奸細(xì)

習(xí)慣習(xí)慣就好啦~╭(╯^╰)╮

7.?http://www.iospirations.com/

優(yōu)秀iOS APP圖標(biāo)與界面展示平臺

特點：可以看到此圖標(biāo)背后的產(chǎn)品界面倘待。
打開圖標(biāo)這個入口就可以看到它背后的故事、內(nèi)容组贺，即完整的把一個產(chǎn)品呈現(xiàn)出來凸舵。
有助于我們把握大局觀，圖標(biāo)不再是分離的個體失尖，應(yīng)該要與產(chǎn)品融為一體啊奄。

讓我們看看優(yōu)秀的設(shè)計師們是如何做的吧。（這個可以下載圖片格式掀潮。）

△點擊DEVELOPER WEBSITE即可看到完整的產(chǎn)品詳情頁面

▎分專題設(shè)計網(wǎng)站

1.?http://thedesigninspiration.com/

ILLUSTRATION ARTS專題里竟然有這么多優(yōu)質(zhì)的原畫菇夸，眼前一亮吶。

2.?http://www.ui4app.com/

也是可以很方便的查詢到自己想要的分類素材

▎移動端設(shè)備設(shè)計

1.?http://pttrns.com/

設(shè)備上從 iOS 到 Android仪吧，尺寸上從iPhone庄新、iPad到Watch，類目上從登錄界面到圖片庫……你想要的都一網(wǎng)打盡,移動端設(shè)計師的福利薯鼠。

絕對是神器一般的存在择诈。

2. http://www.mobile-patterns.com/

針對不同形式（地圖軟件、拍照軟件……）的界面進(jìn)行分類出皇，不用下載這些app就可以直接明了地看到它們的界面羞芍。和手動搜索說再見吧。

3. http://www.designshock.com/

包含了圖標(biāo)恶迈、網(wǎng)頁設(shè)計

特點：提供的圖標(biāo)有多個尺寸涩金，雖然一看到上面滿滿的資源就激動，但放大細(xì)看單個的絕對是災(zāi)難暇仲。
所以它為每套圖標(biāo)設(shè)置了不同的尺寸步做，從小到大，服務(wù)貼心奈附。

同一套圖全度，不同尺寸（32px-64px-128px），可適用于不同場景需求

▎網(wǎng)頁設(shè)計展示

https://onepagelove.com/

▎收集各類設(shè)計文章的網(wǎng)站

http://abduzeedo.com/

特點：可閱讀一手斥滤、新鮮的設(shè)計資訊将鸵。我們不只是要做好眼前的事勉盅，對于未來設(shè)計趨勢、行業(yè)動態(tài)的把控同樣不能少顶掉。

▎手繪類作品分享展示社區(qū)

http://designiskinky.net/

特點：它的手繪作品!!!草娜。
在這里你無法直接看出軟件制作的線條與框架，展現(xiàn)在眼前的只有精致細(xì)膩的筆畫痒筒。一逛絕對停不下來宰闰。
藝術(shù)的魅力就在于會讓人深深沉淪其中吧。

▎封面簿透、海報移袍、插畫等設(shè)計

https://designers.mx/

特點：這里幾乎不提供小清新風(fēng)格的設(shè)計作品。
色彩比較暗老充，藝術(shù)氛圍濃厚葡盗。適用于喜歡歐美風(fēng)、口味稍重的同學(xué)啡浊。

▎配色相關(guān)

1. https://www.design-seeds.com/

很常見的形式觅够，從圖片中提取出配色方案

2. http://www.colourlovers.com/

3. http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

鼠標(biāo)選取色環(huán)中的顏色之后在右邊的方塊中顯示出來，并自動生成與其相匹配的配色條虫啥。
特點：自動顯示出色號蔚约，不必再用吸管工具了。

▎設(shè)計規(guī)范

Material design

https://material.io/guidelines/#introduction-goals

http://design.1sters.com/（中文版）

iOS10設(shè)計規(guī)范

https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/

▎設(shè)計教程

1. http://www.doyoudo.com/

設(shè)計教程見過不少涂籽，但用心把封面做的這么有設(shè)計感的還真是不多見

2. http://bezier.method.ac/#? 幫助初學(xué)者掌握鋼筆工具的趣味網(wǎng)站

在鋼筆工具面前我們只能自稱“手殘黨”苹祟，但在這個網(wǎng)站面前你可以完全放松心情。進(jìn)入網(wǎng)頁的交互方式是活潑有趣的评雌，里面的教程也是系統(tǒng)一筆一筆引導(dǎo)的树枫。

一步步引導(dǎo)，不怕出錯景东！

▎設(shè)計師個人網(wǎng)站

1. http://iconmoon.com/blog2/category/tutorials-chn/ ?

設(shè)計師JJ Ying的設(shè)計博客砂轻，分享設(shè)計思路與經(jīng)驗。

2. http://www.jasperhauser.nl/

設(shè)計師Jasper Hauser的個人網(wǎng)站斤吐，分享過往作品與思路搔涝。

3. http://iconutopia.com/

立陶宛設(shè)計師Justas Galaburda個人網(wǎng)站，分享設(shè)計經(jīng)驗及扁平化圖標(biāo)作品和措。

4. http://dlanham.com/

5. http://michaldziekan.com/polish-outdoor/

▎設(shè)計公司

Frog http://www.frogdesign.cn/

IDEO http://cn.ideo.com/

eico http://eicodesign.com/

Bri體驗科技 http://www.brixd.com/

Face UI http://faceui.com/

inves http://www.invesdesign.com/

墨默交互 http://www.momosj.com/

酷九設(shè)計 http://c9-d.com/cn/

----

我寫作的領(lǐng)域：互聯(lián)網(wǎng)庄呈、產(chǎn)品、設(shè)計派阱、職業(yè)诬留、年輕人的成長

簡書個人頁面：http://www.reibang.com/u/93666dd4205b

馬力，超過10年經(jīng)驗的產(chǎn)品經(jīng)理和設(shè)計師，最美應(yīng)用創(chuàng)始人文兑，創(chuàng)新工場早期成員盒刚，豌豆莢創(chuàng)始成員&產(chǎn)品經(jīng)理，IBM用戶體驗設(shè)計師绿贞，在互聯(lián)網(wǎng)產(chǎn)品設(shè)計因块、工業(yè)設(shè)計、時尚設(shè)計領(lǐng)域都有比較多的積累樟蠕，同時贮聂，也是北京郵電大學(xué)數(shù)字媒體與設(shè)計學(xué)院的校外導(dǎo)師。

設(shè)計師入門與成長之路系列：www.reibang.com/nb/9109761

產(chǎn)品設(shè)計與產(chǎn)品思維系列：www.reibang.com/nb/8804536

我正在做的事：http://www.reibang.com/p/b82f616d8e5b