设计师收藏的30个常用网站（设计整理与分享一波设计资源网站）

今天来介绍一种平时整理资源网站的方法。

这个方法是大一的时候亲爱的师兄教给我的，后来经过亲测，实在非常方便，这里就简单分享一下啦~

我们经常会使用浏览器的收藏夹收藏一些网页，但大多数人就是简单做个标记并没有真正发挥它的价值。那如何利用才会更好体现它的作用，提高我们的搜索效率呢？

作为苦逼的设计，如果平时不整理好网站，我们大脑的内存肯定是不够用的。而这种方法其实也非常简单，不需要花费很大的力气，只需要平时一个习惯性的点击加入就可以，但作用非常明显。

方法就是像上面动图展示那样，我们可以给浏览器的收藏夹设置好分类来收集设计相关的网站。

比如一级分类可以是：

（括号内为收藏举例，可以先不细看，后面我会再独立一篇来介绍这些网站）

设计社区——（Behance、Pinterest、Dribbble、站酷、花瓣...你会经常上的设计社区）

设计导航——（创造狮创意工作者导航、腾讯设计导航、UI设计师导航...）

视野网站——（Medium、36Kr、知乎、人人都是产品经理...可以了解资讯的社区）

图片素材——（Unsplash、Pexels、pixabay、500px、摄影网...一些付费/免费的图片素材网站）

源文件素材——（Freepik、Download PSD、mockupworld、千图网...下载源文件的网站）

小工具——（TinyPNG、Smallpdf、 求字体网、百度脑图...方便你设计的一些在线小工具）

教程网站——（站酷高高手、腾讯课堂、优酷、哔哩哔哩...基本是视频社区都能找到教程，只是有一些更专注）

练习收藏——（海报、插画、网页...平时看到哪个教程不错想练习的可以收进来）

长图作品版式——（逛Behance、站酷等网站发现一些不错的排版收起来，方便以后发作品作为排版参考）

UI设计——（Iconfinder 、UIgreat、UI100days、Behance交互设计...）

...

工业设计、网页设计、H5设计、其他常用

当然这些分类是根据个人设计行业方向而定的，比如你是做UI的，你可以多建一个UI的分类，你做品牌的可以多建一些VI的分类...

但分类建议也不用过于细致，也不要太多二级分类，一个分类的内容控制在20左右便可，毕竟我们电脑的屏幕是有限的，太细致有时候反而降低了打开效率。

通过这种浏览器收藏夹分类的方法有什么好处，总结一下大概有以下几种：

明显提高了搜索的效率

毕竟比输入一个网站要快很多，收藏夹就在浏览器上方一栏，一点就马上进入了网站，不要看输入一个网址就几秒的时间，我们常用的话一年下来都要浪费了多少没必要的时间，而当今，时间比钱重要多了。

分类后辅助记忆，减轻记忆负担，也让你搜索更有头绪

互联网现在信息超载非常严重，但是当我们要找一些素材什么的时候脑里一般也记忆不了多少网站，分类后你可以在浏览器上迅速从收藏夹中找到对应分类从而更直接进入获取素材。比如收藏夹中的图片素材记录着几个免费免版权的素材网站，你就可以直接点开这几个网站进行搜索关键词下载。

而且当你一有空的时候想逛逛灵感网站积累积累，一打开这个分类就马上开始了，不会犹豫着到底有哪些网站可以提高审美积累经验。

最重要的一点是有同步功能，登录就能用

我之所以特别喜欢在收藏夹做这种分类，有一点让我喜欢的就是他可以同步到个人账号，我注销一下，这台电脑就没有了我的个人收藏夹，我用另一台电脑上，只要登录我的账号，整个收藏夹就出现在这台电脑，非常方便也不怕丢失（我个人用的是360浏览器）。比如我有两台电脑，有时候在这台使用收藏的一些东西，换了另一台使用也同样可以找到刚刚收藏的，不会重复也不会丢失。

干货太干，希望别噎到。（可以在电脑端打开，一边打开网站，一边收藏）

一、设计社区

像站酷、花瓣、Behance、Pinterest这类大概就不用介绍了，相信很多人对这些已经熟悉得不能再熟悉了。当然如果还没听说过的话就面壁一下然后出门左转找度娘。

逛设计网站这么久了有一点感受就是像Behance和Pinterest这一类国际设计社区的网站，从质量和数量上都要比国内的要好上许多倍，不是说国内的设计社区做的不好，是国际的平台更大，吸纳的优秀作品更多，视野会更加开阔。上多了国际类的设计网站，潜移默化的会觉得视野和审美都悄悄地往上提了一个台阶。

所以我觉得作为新一代的设计师，应该尽量避免只把目光停留在国内，多去浏览更大的设计平台，这对你的设计、灵感、审美都会有明显的帮助。

下面我将推荐一些自己经常逛的各大设计领域网站（不分国内外），希望对你有帮助。（直接打不开的国外网站就需要科学上网）

Muzli：https://muz.li/

Muzli是一个设计师热门设计资源、灵感的聚合网站,旨在帮助设计师汇集互联网中优秀设计作品，可以说是终极设计师必备的网站；

dribbble：https://dribbble.com/

全球UI设计师晒作品的地方，UI设计师必上。除了UI界面图标等，其实平时做一些logo、小插画、小动画也都会在这里找参考；

awwwards：https://www.awwwards.com/

汇集了来自世界各地的网页设计师，除了作品展示外，还有许多设计经验和网页设计知识分享。平时的交互、排版等也都可以在这里找到许多灵感和参考；

logopond：https://logopond.com/

logopond是全球最大的logo分享平台，很多人说做logo去哪里找参考好一些，这里就是一个很好的网站啦；

vimeo：https://vimeo.com/

vimeo是一个视频、创意动画的分享平台，可以下载到不带logo的高清源文件，视频和MG制作可以在这里找到许多灵感参考；

优阁网：http://www.uigreat.com/

UIGREAT，是UI培训机构像素范自建的一个设计社区，上面有很多优秀的UI作品、设计规范、设计资源、设计教程等，业内非常良心的UI设计网站；

古田路9号：http://www.gtn9.com/

古田路9号是以品牌形象设计为核心的设计交流平台，有许多品牌相关的优秀作品，意外发现到的一个很不错的网站；

CG部落：http://www.cgbolo.com/

CG部落是集原画、插画、CG的作品交流平台；

字体传奇：http://www.ziticq.com/

字体传奇是中国首个字体品牌设计师交流网；

优设网：http://www.uisdc.com/

优设网很多人都知道，全称是优秀网页设计联盟，但我觉得它更像一个高质量的设计经验分享平台，有很多非常优秀的经验文章，记得刚开始的时候，在这里学到了非常多关于版式设计的经验，非常适合我们学习。

以上只是个人比较逛的设计社区，不涵盖所有领域，只是做了下个人推荐，但其实我们也知道站酷、behance这些平台是综合类的，里面也有各领域的分类，这也是可以好好利用的地方，特别是behance。

二、图片素材网站

关于免费的图片素材网站网上可以搜到很多推荐的文章，随便一打开就可以找到不少，但优秀的无版权限制图片素材网站其实也就那么几个，这里就推荐几个我比较常用的，应该也够用了，如果要获得更多可以直接搜索关键词便可。比如优设本站搜索：

Unsplash：https://unsplash.com/

最推荐，有大量高质量图片并且免版权

Pexels：https://www.pexels.com/

精品免费图库分享

Gratisography：http://www.gratisography.com/

免费高分辨率摄影图片库Pixabay：https://pixabay.com/

免费高质量图片素材分享网站

lifeofpix：http://www.lifeofpix.com/

免费无版权欧美生活图片网是一个提供免费高清图像素材,并且无版权限制

摄图网：http://699pic.com/

推荐一个国内的吧，摄图网是专注正版摄影高清图免费下载的图库，免除版权困扰。是我以前做东西最喜欢找图片素材的地方。

关于免费无版权的图片真的很多，自己选择几个比较适合的就可以了，网上随便得到的图片商用记得好好考究下版权问题。

三、设计资源下载网站（源文件）

各种千什么网，图什么网啊，你懂的...估计已经被大家用烂了，我就不再去逐一推荐了。

其实，国内这些素材网站的源文件确实非常多，质量也参差不齐，不排除有一些挺不错的，但好的也已经被用烂了，千万不要在这里找设计参考，真的要找设计参考的话最好是去Behance这一类比较前沿“高大上”的网站去找。（Behance很多优作都是实际项目）

一般在这些素材网站我觉得最有价值的就是一些展示模板、样机，这些可以给自己的作品做包装，节省很多时间；而其他的免费的设计素材如果用了其实很容易撞脸，盗版素材又担心版权，所以能自己画的尽量自己画。顺便提醒一下：后台回复关键词“样机模板”、“网页模板”也可以得到我平时积累的一些样机模板。

这里再推荐几个可以下载到源文件的网站，同样的，以展示模板和样机为主。

mockupworld：https://www.mockupworld.co/all-mockups/

全部免费样机模板

freepik：http://www.freepik.com/

是一个基于素材的搜索引擎站点，psd、矢量图等干货

psddd：https://psddd.co/

高品质免费素材，主要为界面方面的

freebiesbug：https://freebiesbug.com/

在线免费设计师资源网，提供最新免费UI、网页psd

设计小咖：https://www.iamxk.com/

提供国内外优秀设计素材：UI Kits, Icons, Mockups, Texture

Download PSD：https://downloadpsd.cc/

非常多免费PSD，经常更新，分享就可以下载

稻壳儿：http://www.docer.com/

第一PPT：http://www.1ppt.com/

锐普PPT论坛：http://www.rapidbbs.cn/

除了千图、千库、我图等素材网站可以找到许多ppt模板，这三个网站同样也有许多免费的ppt素材模板可供下载（第一PPT是全部免费）

Best Free Mockup：

https://www.behance.net/collection/20880985/Best-Free-Mockup

bahance和dribble上面直接搜索关键词psd、mockup等也可以找到大量的psd源文件。比如behance上有一个作品集叫“Best Free Mockup”就收集了大量的psd源文件。

四、视野网站

作为设计师，特别是从事互联网产品相关行业的设计师，我们也要经常关注一些前沿的新闻，扩大自己的视野，知道社会的发展趋势，有哪些新鲜的科技、时尚、新闻，毕竟互联网时代变化飞快，而多看这些前沿的东西会让我们不那么快被时代落下。要记住一句话，设计，刚入门的时候可能比拼的是软件技能，而到后面进阶和终极阶段，软件技能往往是最廉价的，设计更多比拼的是视野广度和思维的深度。

medium：https://medium.com/

这其实是一个内容杂志平台，不是一个设计的网站，但很多behance、dribbble上的大神经常会在这里发布一些设计相关的思考、趋势，同时这里科技类的文章占了很大的比重，看多了会上瘾。

36kr：http://36kr.com/

“让一部分人先看到未来”，这句标语就可以很直接看出36氪是一个什么样的平台了。我经常会在这里看科技新闻、快报、投资，真的挺不错的，很喜欢这个网站。

人人都是产品经理：http://www.woshipm.com/

人人都是产品经理是中国最大、最活跃的以产品经理为核心的学习、交流、分享社群。

虎啸网大数据：http://www.hooxiao.com/

中国第一个数字营销垂直门户网。

另外，像知乎、简书、得到、喜马拉雅等这些知识平台，其实也是我们扩展视野的一个很不错的途径。

五、找教程网站（视频类）

自学设计其实有很多的教程网站，这里推荐几个我用过的教程网站，都还挺不错的。

高高手：http://www.gogoup.com/

站酷旗下的学习平台，有很多高质量的网络课。

腾讯课堂：https://ke.qq.com/

同样有很多优秀的设计教程资源，但平台更大，也是很不错的学习网站。

虎课网：https://huke88.com/

每天可以学习一个免费的教程，长期积累下来也是很有帮助的，网上评价好像还行。

巧匠课堂：http://www.qiaojiang.tv/

和虎课网差不多，同样也是一个专注设计教程类的网站。

学汇网：http://www.xuehui.com/

近期挺火爆的，有许多大神在这里开免费的公开课，挺不错的。

YouTube：https://www.youtube.com/

这个就不用介绍了，关键词搜索，大量优质设计教程。这里补充一下，就是国内的一些教程或者培训班，有很多都是翻译国外直接拿来用的，甚至连上课素材都一样。如果对自己英文水平觉得还行的，建议多看一些英文原版的教程，你会学到更多。

优酷、土豆、哔哩哔哩等

同样的，关键词搜索你会找到很多。

淘宝：https://www.taobao.com/

这大概是终极boss了，很多时候为了省时间找东西，淘宝总可以帮忙几块钱解决，服了。

六、在线小工具

长期积累收藏了一些特别棒的在线工具网站，可以非常方便地解决我们一些设计上的问题，这里同样分享一下。

求字体网：http://www.qiuziti.com/

当平时在哪里看到一个字体不错，想知道是什么字体的时候，可以截图然后用这个网站进行查询下载，非常便捷。

myfonts：https://www.myfonts.com/

在线图片字体分析网站，相当于英文版的求字体网私藏字体：http://sicangziti.com/

这里收录了许多很有韵味的字体，觉得自己电脑没有好看的字体的，可以到这里看看。TinyPNG：https://tinypng.com/

可以帮助设计师们优化图片的工具,只需要简单的两步就可以完成对PNG、JPG图片的高压缩而且还不会影响PNG图片的质量

智图：http://zhitu.isux.us/

高效优质图片优化平台，其实也是在线压缩图片，是国内版本的TingPNG

Gridpak：http://gridpak.com/

响应式栅格系统，可在线生成栅格PNG，方便WEB搭建设计（其实版式设计都能用到）

Generate：https://coolors.co/

在线配色网站，在explore中有很多颜色搭配案例可以直接拿来用（在线配色的网站很多，这个只是我比较喜欢的其中一个）

Smallpdf：https://smallpdf.com/cn

一款针对PDF的在线转化/压缩工具，支持PDF与PPT/jpg/Word/Excel等互转，还可以分割pdf，挺方便的。

泼辣修图：http://www.polaxiong.com/

在线修图软件，当电脑里没有ps的时候，可以用它抵一抵

百度脑图：http://naotu.baidu.com/

百度少有的良心产品，在线制作思维导图很不错的工具，相比xmind等需要下载的脑图软件，方便许多。

七、设计导航

在网上有很多种设计师导航，帮设计师整理了各大设计网站和工具，上面这些推荐其实在导航中大多数都能找到，但没有展开推荐。而且设计导航其实是面对整个群体的，所以没办法完全满足每个设计者的需求，建议还是要自己整理设计网站，这样用起来才会更加方便。

创造狮 创意工作者导航：http://www.chuangzaoshi.com/

腾讯设计导航：http://idesign.qq.com/#!index/feed

46设计师导航：http://www.46design.com/

优阁UI设计导航：http://so.uigreat.com/

FOOLO设计师导航：http://www.foolo.cn/

NAV80设计师网址导航：http://nav80.com/

设计导航：http://hao.shejidaren.com/

优波设计师必备网址：https://www.ubuuk.com/

CND中国设计网址导航：http://wz.cndesign.com/

seeseed无穷尽设计导航：https://www.seeseed.com/

奇书目设计导航：http://www.qisumu.com/

嗯，到这里，我的积累基本已经被榨干了，收藏夹里比较有价值的设计网站都在这了，光看文章或者收藏起来是没有什么用的，要发挥它的价值，建议一边打开这些网站，一边收藏起来，这些将会为你的工作提供很大的方便~

希望对你有帮助~

,