超高质量的 8个免费设计素材网站，设计师必备。，UI设计师常用的设计工具和网站，看了都会收藏

专业编程培训机构——完成蜕变以后轻松拿高薪

电话+V： 152079-09430 ，欢迎咨询ui设计常用免费素材网站，[python实用课程]，[C++单片机原理]，[C#网站搭建]，[Nodejs小程序开发]，[ios游戏开发]，[安卓游戏开发]，[教会用大脑用想法赚钱实现阶层跨越]

一、超高质量的8个免费设计素材网站，设计师必备。

设计师们，你们是否在寻找那些既高质量又免费的设计素材？我整理了8个设计师不可或缺的宝藏网站，让你的设计之路更加丰富多样！

对于空闲时间丰富的设计师，不妨把它作为兼职，坚持分享，每月收益甚至可达数百上千元。更有学生认证福利，3年SVIP任你畅享，海量素材免费下载，不要错过！

二、设计师一般都用哪个网站找素材

1、Pinterest：

2、Dribbble：，ui设计社区，大神太多了。

3、behance：，著名设计社区，长跪不起。

4、flickr：，著名摄影作品分享网站。类似的还要500px

5、tumblr：，国外的轻博客，同样可以找到很多灵感和优秀的摄影作品。

6、9gag：，全球最搞笑的图片站。

7、imgur：，免费的图片分享网站。

你看到的最火的图片往往来源于6、7这两个网站.

8、NounProject：，所有图形全为矢量可以编辑。

接下来是无版权问题的图片网站，你们懂得：

1、Pixabay：，你可以下载、修改、分发，并使用它们在任何你喜欢的任何东西，即使在商业应用程序中使用它们。不需要归属权。

2、Picjumbo：

3、Gratisography：

4、Unsplash：，高精度图片站点。

5、LifeofPix：，高质量视频和图片下载点，没有版权问题。

6、Raumrot：

7、NewOldStock：，提供大量的老照片。

8、Magdeleine：，可以通过颜色、情绪寻找图片。

9、foodiesfeed：，主打美食，吃货设计师站点。

10、Superfamous：

，艺术家FolkertGorter站点，很适合web设计，和壁纸使用。

11、TheStocks：，涵盖Pixbay，Unsplash，StartupStock，Gratisography，Pexels在内的15个免费高清图片网站的资源。

Mockup的用处相信各位设计师都清楚。给你的设计加分可不是一点两点。

1、pixeden：，有免费和收费资源，想要下载全部资源也不过才10美一个月，该花钱的地方还是得花钱。

2、forgraphic：，收费，很精细。

3、creativemarket：

，有免费有收费。

4、mockupworld：

1、deviantart：，著名素材图库，合成界的天堂，那些PS教程网站的大部分素材图片都来源于此站。

2、BP&O：，对于品牌设计师来说，除了图案素材收集之外，还有一个很重要的，就是设计故事的收集。

3、trendlist：，几乎全是画册、海报

4、note&point：，PPT灵感素材站。

5、freebiesgallery：

，矢量icons

6、ThePatternlibrary：

，纹理素材。

7、FlatDesign必不可少，8、beautiful-web-type：

，英文字体设计与排版参考。

9、vector：，各类矢量素材

作者：吾聊职场

来源：简书

简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。ui设计师可以找的素材网站很多，目前用的最多的是以下几种。

1.站酷

2.昵图

3.千图

4.我图

5.素材中国

6.花瓣

7.懒人图库

还有很多其他的网站，或者从百度图片内搜索图片新闻地址便可以查找到类似图片的地址。

若要找类似素材，可以试用“百度识图”识别图片。作为设计师要想获得更多的灵感，还是要多看，我最近再看的是设计师不得不知道的产品制造知识，用的素材网站时大师助手，免费的，还可以上p和behance，你也可以试下，希望我的回答对你有帮助问题太宽泛，比较难回答，素材分类很多，没要求给你推荐一些综合性的：

1，Pinterest--Pinterest

2，Shutterstock--大型图库

3，Freepik--免费图搜索引擎

4，Pixabay--免费正版高清照片素材库，拥有超过1百万张优质照片素材

5，Unsplash--免费高质量照片的网站

6，Behance--一线创意、设计人才展示作品的著名社区

7，Pexels--提供高质量且完全免费的素材照片自媒体新手，寻找素材资源，必要的几个重要网站

UI设计师常用的设计工具和网站，看了都会收藏

如今，越来越多的工具可以帮助我们在设计工作上缩短时间，提高效率。比如：之前需要我们手动标注的部分，现在一个html文件就可以全部搞定；原来用AE制作好动效需要我们批量导出图片交给开发，现在一个代码文件就可以轻松解决。

不仅如此，很多优秀的网站都在源源不断地给我们提供优质的素材或灵感，帮助我们完成日常工作。下面就是我平日会使用到的一些工具和网站的分享。

1.AE插件：GifGun

目前，我所知道的最简单高效的视频转GIF的插件。

在使用这款插件之前，导出GIF最常见的方法一是通过AE导出视频，后用PS进行再次导出。缺点是操作繁琐，而且文件很大的情况下非常吃内存。第二种是借助Adobe自家的mediaencoder进行导出。缺点是你需要再装一个软件，并且要导出最终满意的效果需要反复调试，操作并不简单。

而这款插件完全傻瓜式操作，还可以导出高质量的GIF文件。

2.AE插件：Motion2

MG动效神器。不过，我个人最常用到的功能是“锚点设置”。软件提供了九个位置的锚点选择。无论是做MG动效还是UI动态演示稿，在确定中心点位置的时候非常好用。而且其他功能也非常丰富。比如：弹性动效、爆炸效果、复制关键帧、批量命名等等，功能非常全面且操作简单。

3.AE插件：Bodymovin

设计师在设计动效时会有很多想法。不过，用AE软件可以轻松制作出来的效果，在开发同学那里可就不一定了。在工期紧张的情况下，耗费大量精力和时间去还原这些动画效果，显然有些不切实际。

不过，当Airbnb开发出Lottie并开源之后，这种情况就不同了。设计师可以通过Bodymovin这款插件导出JSON格式文件，让工程师放入APP项目中，就可以百分百还原AE中所制作的效果了。

虽然插件还并不是十分的完善，一些复杂的效果还无法实现。但项目中90%的效果都是可以转化导出的。

4.PS插件：Cutterman、GuideMe、Parker、Psmirror四件套

Cut君开发的几款PS插件。Cutterman切图工具；GuideMe自定义参考线工具，个人在网页端最常使用；Parker支持全方位标注的插件；Psmirror个人最常用的实时预览工具。

以上几款插件有三款是收费软件。不过，考虑到都没过百元，可以购买永久且免费升级，还是非常划算的。插件均为中文，并且自带使用说明，非常的良心。

5.PS插件：蓝湖

蓝湖本身的功能就非常强大。插件主要功能包括上传设计稿和标记切图。制作完成的设计稿上传之后可以和团队其他成员共享。并且网页端会自动标注，十分方便。标记切图功能也很简单。将要切图的元素添加标记，上传之后开发人员可以一键下载切图，非常高效。

6.Sketch插件：AutoFixiOSTextLineHeight

在公众号中找到的一枚插件，充分解决了开发与设计图在行高上不统一的问题。为了使字体行高更加精准，也为了避免反复调节，可以使用这款插件，能够很好地帮助我们解决此类问题。

7.Sketch插件：SketchMeasure

高效的切图标注工具，和sketch软件十分匹配。有各种标注功能和切片功能，可直接导出html格式，里面包含全部规范细节和css格式等。可以很好的降低沟通成本，提高效率。

1.坚果云

非常适合快速存储需求。界面简洁，功能强大，操作简单，可全平台同步。甚至不用打开客户端，右键即可同步云端，非常适合团队协作和临时储存需求。

一款思维导图软件。我选择它的理由很简单，“颜值够高”。

3.有道云笔记

各种平台均可同步，界面简洁清爽，功能丰富。本人经常把他当做学习工具来使用。是我整理笔记的首选软件。

4.字由

云字库功能非常方便，省去了找字体和下载字体的麻烦。PS、AI、Sketch等可多软件使用。

当我们设计好界面之后，总是喜欢套上各种样机进行展示。这款软件可以省去我们去找样机的时间。将我们的设计稿拖入界面中的3D样机当中就完成了。手机颜色、背景颜色、灯光、画面比例均可调节。同时，软件还可以录制视频，自定义视频等。当插上数据线，还可以实时显示记录我们在手机上的操作。

1.图库

UI头像图库。有丰富的内容，和多样的筛选功能。

2.压缩工具

个人认为最好用的图片压缩网站。支持.png和.jpg格式图片的导入。

pdf格式文件压缩网站。操作简单，文件拖入即可压缩。同时还支持其他格式文件转pdf等功能。

3.字体

①字客网--https://www.fontke.com/

②站长素材--http://font.chinaz.com/

4.矢量图标

5.颜色

提供了多种高质量的配色方案。还可通过搜索得到与自己想法匹配的颜色。

6.规范

顶级互联网公司设计规范网站。

④蚂蚁金服
--http://design.alipay.com/

⑤微信小程序--https://weui.io/

除此之外，还有Airbnb、Facebook、Uber等大厂。可以登录他们的设计网站，去了解世界顶级互联网公司的产品规范。

7.可用性测试网站

可以测试字体颜色在强光下是否清晰可见。数之比大于等于4.5：1为正常。

8.缓动函数速查表

动效设计工作中，可以作为动态曲线的参考。

9.素材下载

11.赏析

1.pinterest、behance、dribbble设计网站三件套不必多说了。

设计灵感插件。安装之后，每次打开浏览器，你就能从各大设计网站看到每日的精选推荐。

可以快速分辨当前网页的主色，中间色调和MD配色搭配等。同时，可以下载色板供PS或Sketch等软件使用。

3.截图大师

非常方便的网页端截图插件。

到这里，我个人平时常用的设计软件、插件、网站大部分都总结完毕了。后面有新的发现，或是好用的软件我也会陆续分享，来不断扩充自己的「武器库」。

【FUTURE PROGRAMMING COURSE】尊享对接老板

电话+V： 152079-09430

机构由一批拥有10年以上开发管理经验，且来自互联网或研究机构的IT精英组成，负责研究、开发教学模式和课程内容。公司具有完善的课程研发体系，一直走在整个行业发展的前端，在行业内竖立起了良好的品质口碑。