這36個(gè)設(shè)計(jì)網(wǎng)站幫你精準(zhǔn)找到想要的素材

時(shí)間：2022-08-23 04:21:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-23 04:21:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

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


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

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

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

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

希望可以幫到大家。

干貨多多，點(diǎn)贊、收藏都是不錯(cuò)的選擇喲！

索引一覽
① 圖標(biāo)及LOGO設(shè)計(jì)
② 分專(zhuān)題設(shè)計(jì)網(wǎng)站
③ 移動(dòng)端設(shè)備設(shè)計(jì)
④ 網(wǎng)頁(yè)設(shè)計(jì)展示
⑤ 收集各類(lèi)設(shè)計(jì)文章的網(wǎng)站
⑥ 手繪類(lèi)作品分享展示社區(qū)
⑦ 封面、海報(bào)、插畫(huà)等設(shè)計(jì)
⑧ 配色相關(guān)
⑨ 設(shè)計(jì)規(guī)范
⑩ 設(shè)計(jì)教程
? 設(shè)計(jì)師個(gè)人網(wǎng)站
? 設(shè)計(jì)公司

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

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


1. http://iconmonstr.com/

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




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




2. https://thenounproject.com/

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

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




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

特點(diǎn)：左側(cè)的分類(lèi)標(biāo)準(zhǔn)。
作為一名設(shè)計(jì)師，iOS、Android、Windows各大平臺(tái)的資源你敢說(shuō)不清楚不明了不想要？
不用辛辛苦苦地跨平臺(tái)去搜集素材了，一個(gè)網(wǎng)站就可搞定80%。

給你們看看我有多體貼～




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

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




5. https://logopond.com/

和dirbbble的頁(yè)面很像，不過(guò)dribbble是動(dòng)效、界面、圖標(biāo)啥都有的一個(gè)集市。
而logopond它只提供圖標(biāo)，是一家專(zhuān)門(mén)的圖標(biāo)供應(yīng)網(wǎng)站。




6. http://iosicongallery.com/

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

因?yàn)槭歉咔逭故酒脚_(tái)，重點(diǎn)在于展示。
特點(diǎn)：不能直接下載圖片格式。沒(méi)錯(cuò)，就是這么傲嬌。
不過(guò)可以十分清晰地看到圖標(biāo)上的細(xì)節(jié)，紙質(zhì)感、木質(zhì)感令人賞心悅目（下圖）。

我高清可不是蓋的。

然而...

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

△報(bào)告！這里混入了兩個(gè)奸細(xì)

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


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

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

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

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

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

▎分專(zhuān)題設(shè)計(jì)網(wǎng)站

1. http://thedesigninspiration.com/

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




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

也是可以很方便的查詢(xún)到自己想要的分類(lèi)素材

▎移動(dòng)端設(shè)備設(shè)計(jì)

1. http://pttrns.com/

設(shè)備上從 iOS 到 Android，尺寸上從iPhone、iPad到Watch，類(lèi)目上從登錄界面到圖片庫(kù)……你想要的都一網(wǎng)打盡,移動(dòng)端設(shè)計(jì)師的福利。


絕對(duì)是神器一般的存在。


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

針對(duì)不同形式（地圖軟件、拍照軟件……）的界面進(jìn)行分類(lèi)，不用下載這些app就可以直接明了地看到它們的界面。和手動(dòng)搜索說(shuō)再見(jiàn)吧。


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

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

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

同一套圖，不同尺寸（32px-64px-128px），可適用于不同場(chǎng)景需求

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

https://onepagelove.com/

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

http://abduzeedo.com/

特點(diǎn)：可閱讀一手、新鮮的設(shè)計(jì)資訊。我們不只是要做好眼前的事，對(duì)于未來(lái)設(shè)計(jì)趨勢(shì)、行業(yè)動(dòng)態(tài)的把控同樣不能少。

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

http://designiskinky.net/

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

▎封面、海報(bào)、插畫(huà)等設(shè)計(jì)

https://designers.mx/

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

▎配色相關(guān)

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

很常見(jiàn)的形式，從圖片中提取出配色方案




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




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

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

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

Material design

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

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




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

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

▎設(shè)計(jì)教程

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

設(shè)計(jì)教程見(jiàn)過(guò)不少，但用心把封面做的這么有設(shè)計(jì)感的還真是不多見(jiàn)




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

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

一步步引導(dǎo)，不怕出錯(cuò)！

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

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

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




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

設(shè)計(jì)師Jasper Hauser的個(gè)人網(wǎng)站，分享過(guò)往作品與思路。




3. http://iconutopia.com/

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




4. http://dlanham.com/




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

▎設(shè)計(jì)公司

Frog http://www.frogdesign.cn/

IDEO http://cn.ideo.com/

eico http://eicodesign.com/

Bri體驗(yàn)科技 http://www.brixd.com/

Face UI http://faceui.com/

inves http://www.invesdesign.com/

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

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




———————————————————

現(xiàn)在我發(fā)起了一個(gè)聚焦在產(chǎn)品、設(shè)計(jì)（UI/UX）、運(yùn)營(yíng)學(xué)習(xí)的組織「互聯(lián)網(wǎng)學(xué)習(xí)圈」，未來(lái)希望能夠推動(dòng)類(lèi)似「信息時(shí)代的包豪斯」這樣的事情。

開(kāi)放的社群： UI、UX 交流 QQ 群：633293003

封閉的社群：內(nèi)部講座、內(nèi)推、和資深人士建立聯(lián)系，詳情點(diǎn)擊鏈接 ：mali.brixd.com

馬力的本站文章索引：

馬力的本站文章索引 - 本站專(zhuān)欄