本篇内容，会持续更新，收录作者觉得有价值的各类设计网站。
设计参考
FLATICON
http://www.flaticon.com/
收录了大量的扁平化图标，色彩丰富，风格多样，作者按主题成组上传，提供PSD/PNG/ SVG/EPS格式免费下载，在做PPT和UI组合设计时，会有帮助。
Iconfinder
资源丰富多样，收录扁平、手绘、3D等多种形式的icon，部分资源下载收费。
Other Icons
以单色或两色线型图标为主，支持下载。
Ico Moon — www.icomoon.io
The Noun Project
收录大量单色icon，内容覆盖面广，支持线上改变颜色。
PPT模板
Slides Carnival
http://www.slidescarnival.com/
Free Powerpoint templates and Google Slides themes for your presentations
REEOO
http://reeoo.com
专注在收集web页面设计的网站，可以按颜色来进行分类查询 。
Dribbble
www.dribbble.com
设计细节、视觉灵感的分享社区，几个小icon、一个动效、一个页面设计细节只要好看就足以让设计师投出一稿，寻找灵感、分享有趣idea的好去处。
Behance
www.behance.com
与Dribbble相比，Behance更偏重于完整的作品，覆盖面也更广，除交互设计外，各种设计、绘画都有含盖。
UX Archive
http://uxarchive.com/
UX Archive保存了很多APP的截图，在页面的创意策划上，可以参考界面设计，学习字体字号选择、颜色搭配、交互设计等等。
另外特别推荐H5案例分享和数英网，前者还包含PC案例，后者则会对一些项目进行深度报道。
http://www.h5-share.com
http://www.digitaling.com
色彩
Coolors
https://coolors.co/app
专业配色，国内比较多用Adobe Kuler，调色盘方便，方案也很多。Coolors配色方案强大，也支持上传图片取色。它还有一个优势：点击“Generate”（生成），会得到随机推荐的一套配色方案，你可以拖拽调换颜色位置，调出相近色阶列表，调整整体方案的色调、饱和度、亮度、冷暖度。
动效
Design Patterns
http://codepen.io/patterns/
Design Patterns是Codepen里的一个频道，它把一些交互的代码集合分类到了一起，设计师可以很方便的从里面找自己想看的动效元素，并且直接提取编写好的代码，分分钟交给程序猿。
Elasticode
http://www.elasticode.com/allapps.php
如果想在H5上参照各种丰富的交互动效，可以用Elasticode。它有很多供你借鉴的交互动效，包括按钮的点击、页面切换/跳转、文字、图片素材出现/消失、元素变换等等。
工具类
PLACEIT
https://placeit.net/
一秒生成静态演示图——挑模板-->上传图片-->截取图片尺寸-->完成！
FIGMA／白板／RED PEN
https://www.figma.com
Figma，15年年底开始兴起的一个界面设计协作神器，图形设计功能强大、支持多人编辑与多人实时评论，还可以随意保存历史版本。纯设计稿的云协作还有国内的白板、国外的Red Pen。 你可以把你的页面设计稿上传，把链接发给上司&同事就可以进行实时的点评甚至是吐槽！
https://bearyboard.com/
https://redpen.io/singles
UI Names
http://uinames.com/
单击Space键，即可自动生成虚拟用户名字、头像、信息。
图片素材
Unsplash — www.unsplash.com
Picjumbo — www.picjumbo.com
Gratisography — www.gratisography.com
Superfamous — www.superfamous.com
Little Visuals — www.littlevisuals.co
Split Shire — www.splitshire.com
Pixabay — www.pixabay.com
I’m Free — www.imcreator.com/free
New Old Stock — www.nos.twnsnd.co
Function Free Photos — http://wefunction.com/category/free-photos/
Paul Jarvis Free Photos — http://pjrvs.com/a/photos
Zoomy Images — http://zoomyimages.com/
Dollar Photo Club — http://www.dollarphotoclub.com
Compfight — www.compfight.com
Stocksy — www.stocksy.com
Placeit Product Shots — www.placeit.net
iStockphoto — http://istockphoto.com
offset — http://www.offset.com
Corbis — http://www.corbisimages.com
Facebox — http://facebox.io
排版设计
Okay Type — www.okaytype.com
Typekit — www.typekit.com
My Fonts — www.myfonts.com
Fonts — www.fonts.com
Font Squirrel — www.fontsquirrel.com
Da Font — www.dafont.com
Google Fonts — www.google.com/fonts
1001 Free Fonts — www.1001freefonts.com
Lost Type Co-op — www.losttype.com
Ico Moon — www.icomoon.io
Font-To-Width — http://font-to-width.com/
视觉稿设计工具
InVision — www.invisionapp.com
Mockupr — www.mockupr.com
Flinto — www.flinto.com
Flinto Icon Strike! — www.flinto.com/strike
Webflow — www.webflow.com
Mockuuups — www.mockuuups.com
Red Pen — https://redpen.io
PSD Covers — http://www.psdcovers.com/
线框图
Moqups — www.moqups.com
Wireframe.cc — ww.wireframe.cc
Mockflow — www.mockflow.com
Mockingbird — www.gomockingbird.com
Balsamiq — http://balsamiq.com/products/mockups/
Axure — http://www.axure.com/
Justinmind — http://www.justinmind.com/
UX Pin — http://uxpin.com
原型设计
InVision — http://www.invisionapp.com
Flinto — www.flinto.com
Gridset — www.gridsetapp.com
Marvel — https://marvelapp.com
Webflow — https://webflow.com
Red Pen — https://redpen.io
Proto — http://proto.io
Iconii — http://iconii.com
Macaw — http://macaw.co/
Froont — http://froont.com
色彩
0 to 255 — www.0to255.com
Colour Lovers — www.colourlovers.com
Brand Colors — www.brandcolors.net
Adobe Kuler Color Wheel — https://kuler.adobe.com/create/color-wheel/
Color Scheme Designer — www.colorschemedesigner.com
Hex to RGB Converter — http://hex.colorrrs.com
Coleure — http://coleure.com/
Colllor — http://colllor.com/
Palette for Chrome — https://chrome.google.com/webstore/detail/palette-for-chrome/oolpphfmdmjbojolagcbgdemojhcnlod
免费PS素材
PSDS.co — www.psds.co
Fribbble — www.fribbble.com
Premium Pixels — www.premiumpixels.com
Teehan+Lax iOS 7 Gui PSD (iPhone)— www.teehanlax.com/tools/iphone
Teehan+Lax iOS 7 Gui PSD (iPad) — www.teehanlax.com/tools/ipad/
iPhone Mockuuups — www.mockuuups.com
Freebiesbug — http://freebiesbug.com/
Marvel — https://marvelapp.com/resources/
Ui Space — http://uispace.net
DB Freebies — http://dbfreebies.co
365 PSD — http://365psd.com/
Pixel Buddha — http://pixelbuddha.net/
Pixels Daily — http://pixelsdaily.com/
灵感
Siteinspire — www.siteinspire.com
Land Book — www.land-book.com
Awwwards — www.awwwards.com
The Best Designs — www.thebestdesigns.com
Dribbble — www.dribbble.com
Behance — www.behance.com
Niice — http://niice.co
One Page Love — http://onepagelove.com/
便捷工具
PlaceIMG — http://placeimg.com/
Leave a Reply