Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jobbole/awesome-design-cn
设计师资源大全，包含：ICON图标、Logo设计、PhotoShop插件、交互设计工具、流程图、线框图/原型图、设计博客等
https://github.com/jobbole/awesome-design-cn
List: awesome-design-cn
Last synced: about 2 months ago
JSON representation
设计师资源大全，包含：ICON图标、Logo设计、PhotoShop插件、交互设计工具、流程图、线框图/原型图、设计博客等
- Host: GitHub
- URL: https://github.com/jobbole/awesome-design-cn
- Owner: jobbole
- Created: 2015-11-04T11:13:18.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2020-01-02T08:18:40.000Z (over 4 years ago)
- Last Synced: 2024-05-22T14:09:00.836Z (4 months ago)
- Homepage:
- Size: 22.5 KB
- Stars: 2,961
- Watchers: 189
- Forks: 823
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-awesome - awesome-design-cn
- awesome-list - 设计师资源大全
- awesome-github-star - awesome-design-cn
- awesome-coding - 设计师资源大全
- ultimate-awesome - awesome-design-cn - 设计师资源大全，包含：ICON图标、Logo设计、PhotoShop插件、交互设计工具、流程图、线框图/原型图、设计博客等. (Other Lists / PowerShell Lists)
README
# awesome-design-cn
设计师资源大全由[伯乐在线](http://www.importnew.com)资源频道综合整理。目前已收录 340+ 设计类资源，包含：[ICON图标](http://hao.importnew.com/category/design/icon-design/)、[Logo设计](http://hao.importnew.com/category/design/logo-design/)、[PhotoShop插件](http://hao.importnew.com/category/design/photoshop-plug-in/)、[交互设计工具](http://hao.importnew.com/category/design/interactive-design-tools/)、[流程图](http://hao.importnew.com/category/design/flow-chart/)、[线框图/原型图](http://hao.importnew.com/category/design/design-wireframe/)、[设计博客](http://hao.importnew.com/category/design/design-blog/)、[设计工具](http://hao.importnew.com/category/design/design-tools-design/)[设计教程](http://hao.importnew.com/category/design/design-guide/)、[设计素材](http://hao.importnew.com/category/design/design-sucai/)、[配色方案](http://hao.importnew.com/category/design/design-color/)、[高清图库](http://hao.importnew.com/category/design/design-photo/)等等。
## 如何加入我们？
非常期待能有更多朋友一起来参与。加入前，有几个小要求：
- 对设计感兴趣，如果在从事这方面工作更好；
- 如果您的英文还不错，那也非常好啦；（这个不强制要求）
如有兴趣，请加 QQ：191250436。加 Q 时请注明「设计资源」
**我们还在翻译国外的优秀设计文章，如果您有一定的设计背景和英文基础，欢迎[从这里申请加入我们](http://group.importnew.com/category/feedback/trans-team/)。**
## 本项目的参与者
ㄨiaǒ偉、shanlijie001、rose、梦熙、布洛、
注：名单不分排名，不定期补充更新
## 奖励计划
虽然奖励可能并不是你加入的主要原因，但还是有必要提一下：
* 整理超过 20 个资源后，可在伯乐在线上开通打赏；
* 每整理 20 个资源，有机会获得技术书籍或各种有意思的创意、极客产品；
* [奖励详情](http://hao.importnew.com/rewards/)
## 目录
### ICON图标
* [Fontello](http://hao.importnew.com/fontello/)：图标字体生成器
* [The Noun Project](http://hao.importnew.com/the-noun-project/)：免费提供高度可辨识符号图标
* [IconArchive](http://hao.importnew.com/iconarchive/)：专业图标搜索引擎
* [iConify](http://hao.importnew.com/iconify/)：Mac平台的苹果应用图标自动化生成工具
* [Iconbench](http://hao.importnew.com/iconbench/)：在线ICON素材图标制作工具
* [EasyIcon](http://hao.importnew.com/easyicon/)：免费图标搜索和下载平台
* [Icon Deposit](http://hao.importnew.com/icon-deposit/)：一个奇妙的图标下载站
### Logo 设计
* [Logaster](http://hao.importnew.com/logaster/)：教你在线几分钟内搞定专业的LOGO设计
* [LogoLounge](http://hao.importnew.com/logolounge/)：国际知名的LOGO设计权威网站
* [LogoMoose](http://hao.importnew.com/logomoose/)：一个优秀的logo素材站点
* [LogoPond](http://hao.importnew.com/logopond/)：LOGO设计作品收藏网
* [BRAND NEW](http://hao.importnew.com/brand-new/)：资源丰富的Logo设计网站
* [LOGOED](http://hao.importnew.com/logoed/)：一个展示Logo设计的博客
* [LOGOSPIRE](http://hao.importnew.com/logospire/)：logo设计的交流平台
* [Logo of the Day](http://hao.importnew.com/logo-of-the-day/)：汇集世界各地优秀LOGO作品的站点
* [LogoDesignLove](http://hao.importnew.com/logodesignlove/)：Logo设计技巧分享网
* [Brandseen](http://hao.importnew.com/brandseen/)：匹配流行品牌LOGO颜色的在线游戏
### Photoshop插件
* [Retinize](http://hao.importnew.com/retinize/)：iOS切图神器
* [GuideGuide](http://hao.importnew.com/guideguide/)：一款PS参考线插件
* [Divine Proportions Toolkit](http://hao.importnew.com/divine-proportions-toolkit/)：黄金分割工具
* [Kockout](http://hao.importnew.com/kockout/)：PS抠图神器
* [Coolors](http://hao.importnew.com/coolors/)：自动生成配色色板的小工具
* [Assistor PS](http://hao.importnew.com/assistor-ps/)：一个功能强大的PS辅助工具
* [Flexify 2](http://hao.importnew.com/flexify-2/)：PS变形滤镜插件
* [DevRocket](http://hao.importnew.com/devrocket/)：一款iOS UI设计效率工具
* [Slicy](http://hao.importnew.com/slicy/)：Mac下的切图神器
* [Kuler](http://hao.importnew.com/kuler/)：Adobe的配色工具
### 交互设计工具
* [VXPLO](http://hao.importnew.com/vxplo/)：专业的HTML5编辑工具
* [Epub360](http://hao.importnew.com/epub360/)：专业级H5交互设计工具
* [Indigo Studio](http://hao.importnew.com/indigo-studio/)：UI原型设计和交互设计工具
* [Avocado](http://hao.importnew.com/avocado/)：无需编码的跟设计原型进行交互
* [Webflow](http://hao.importnew.com/webflow/)：傻瓜式网页设计制作平台
* [Marvel](http://hao.importnew.com/marvel/)：更专注交互动作的在线工具
* [Principle](http://hao.importnew.com/principle/)：Mac平台交互动效设计神器
* [Quartz Composer](http://hao.importnew.com/quartz-composer/)：图形化的编程工具
* [Form](http://hao.importnew.com/form/)：交互原型设计工具
* [Pixate](http://hao.importnew.com/pixate/)：设计师的免费动效神器
* [Framer.js](http://hao.importnew.com/framer-js/)：一个交互原型设计框架
* [Keynote](http://hao.importnew.com/keynote/)：快速制作高保真交互原型
* [ORIGAMI](http://hao.importnew.com/origami/)：交互神器-图像设计动画合成工具
* [InVision](http://hao.importnew.com/invision/)：便捷的产品原型生成工具
### 流程图/脑图
* [ProcessOn](http://hao.importnew.com/processon/)：免费的在线作图、实时协作工具
* [DrawAnywhere](http://hao.importnew.com/drawanywhere/)：在线流程图制作工具
* [Lovely Charts](http://hao.importnew.com/lovely-charts/)：功能强大的在线图表制作工具
* [Creately](http://hao.importnew.com/creately/)：优秀的绘制产品图形的在线工具
* [Cacoo](http://hao.importnew.com/cacoo/)：在线简单易用的网络画图工具
* [LucidChart](http://hao.importnew.com/lucidchart/)：在线流程图绘制和协作应用平台
* [Gliffy](http://hao.importnew.com/gliffy/)：在线免费流程图制作工具
* [NovaMind](http://hao.importnew.com/novamind/)：非常优秀的思维导图软件
* [MindMapper](http://hao.importnew.com/mindmapper/)：专业的可视化脑图管理工具
* [FreeMind](http://hao.importnew.com/freemind/)：免费的思维导图软件
* [XMind](http://hao.importnew.com/xmind/)：非常实用的商业思维导图软件
* [MindManager](http://hao.importnew.com/mindmanager/)：专业思维导图工具
* [百度脑图](http://hao.importnew.com/%e7%99%be%e5%ba%a6%e8%84%91%e5%9b%be/)：便捷的思维编辑工具
### 灵感酷站
* [Sketchrepo](http://hao.importnew.com/sketchrepo/)：免费高品质的Sketch资源
* [Psdrepo](http://hao.importnew.com/psdrepo/)：免费高品质的PSD资源
* [1X](http://hao.importnew.com/1x/)：一个优秀的摄影作品网站
* [Magdeleine](http://hao.importnew.com/magdeleine/)：免费高清灵感图片网
* [We Heart It](http://hao.importnew.com/we-heart-it/)：每天发现充满灵感且美丽的图片
* [PinSpire](http://hao.importnew.com/pinspire/)：灵感创意作品收集平台
* [NotCot](http://hao.importnew.com/notcot/)：一个集视觉效果、美学为一体的网站
* [9GAG](http://hao.importnew.com/9gag/)：全球最搞笑的趣图网站
* [BoooooooM](http://hao.importnew.com/booooooom/)：设计简约但内容丰富的博客
* [illusion](http://hao.importnew.com/illusion/)：展示最惊人的创意图片
* [Baubauhaus](http://hao.importnew.com/baubauhaus/)：提供设计灵感、插画摄影等艺术作品
* [Niice](http://hao.importnew.com/niice/)：设计师必备的灵感搜索引擎
* [DeviantArt](http://hao.importnew.com/deviantart/)：最大的艺术和设计社区
* [花瓣网](http://hao.importnew.com/%e8%8a%b1%e7%93%a3%e7%bd%91/)：设计师寻找灵感的天堂
* [pixiv](http://hao.importnew.com/pixiv/)：日本同人画、插画作品分享站点
* [Awwwards](http://hao.importnew.com/awwwards/)：最佳网页设计展示平台
* [WallHaven](http://hao.importnew.com/wallhaven/)：高清壁纸图片搜索引擎
* [Pinterest](http://hao.importnew.com/pinterest/)：图片分享类的社交网站
* [Abduzeedo](http://hao.importnew.com/abduzeedo/)：一家集创意灵感和教程的设计博客
* [Yanko Design](http://hao.importnew.com/yanko-design/)：最棒的现代工业设计站点
* [SwissMiss](http://hao.importnew.com/swissmiss/)：分享创意设计的网站
* [PetaPixel](http://hao.importnew.com/petapixel/)：专业的摄影爱好者点评博客
* [365PSD](http://hao.importnew.com/365psd/)：免费psd图片素材下载网站
* [Typophile](http://hao.importnew.com/typophile/)：字体设计艺术网站
* [Patterntap](http://hao.importnew.com/patterntap/)：适合用户界面设计和图案感兴趣的同学
* [Designshack](http://hao.importnew.com/designshack/)：设计作品欣赏网站
* [Behance](http://hao.importnew.com/behance/)：全球领先的专业创意平台
* [Dribbble](http://hao.importnew.com/dribbble/)：设计师必备网站之一
* [FFFFound](http://hao.importnew.com/ffffound/)：专业的图片收藏网
* [MyModernmet](http://hao.importnew.com/mymodernmet/)：众多艺术家不可或缺的信息来源
* [Grain Edit](http://hao.importnew.com/grain-edit/)：复古和古典风格的设计内容
* [UIparade](http://hao.importnew.com/uiparade/)：灵感UI设计作品分享网站
* [Muuuuu](http://hao.importnew.com/muuuuu/)：日本网站画廊，收集最具创意网站
* [iKesai](http://hao.importnew.com/ikesai/)：网页设计作品案例库
* [CSS Winner](http://hao.importnew.com/css-winner/)：网站设计资源站点
### 线框图/原型图
* [Prott](http://hao.importnew.com/prott/)：移动测试原型制作工具
* [Solidify](http://hao.importnew.com/solidify/)：一款原型制作软件
* [ProcessOn](http://hao.importnew.com/processon/)：免费的在线作图、实时协作工具
* [Mockingbird](http://hao.importnew.com/mockingbird/)：一个基于 Web 的在线原型设计平台
* [Creately](http://hao.importnew.com/creately/)：优秀的绘制产品图形的在线工具
* [Cacoo](http://hao.importnew.com/cacoo/)：在线简单易用的网络画图工具
* [Gliffy](http://hao.importnew.com/gliffy/)：在线免费流程图制作工具
* [Indigo Studio](http://hao.importnew.com/indigo-studio/)：UI原型设计和交互设计工具
* [墨刀MockingBot](http://hao.importnew.com/%e5%a2%a8%e5%88%80mockingbot/)：免费的移动应用原型与线框图工具
* [Marvel](http://hao.importnew.com/marvel/)：更专注交互动作的在线工具
* [Keynote](http://hao.importnew.com/keynote/)：快速制作高保真交互原型
* [OmniGraffle](http://hao.importnew.com/omnigraffle-2/)：Mac平台下最好的原型设计工具
* [Handmade Sketches](http://hao.importnew.com/handmade-sketches/)：手工草图绘制工具
* [Mockups.me](http://hao.importnew.com/mockups-me/)：ui线框图软件
* [Live wire](http://hao.importnew.com/live-wire/)：iPad上的线框图制作工具
* [UXToolbox](http://hao.importnew.com/uxtoolbox/)：Window平台的线框图工具
* [DevRocket](http://hao.importnew.com/devrocket/)：一款iOS UI设计效率工具
* [AppCooker](http://hao.importnew.com/appcooker/)：从图标草图到原型设计的iPad应用
* [Blueprint](http://hao.importnew.com/blueprint/)：你轻而易举地设计原型的iPad应用
* [Mockplus摩客](http://hao.importnew.com/mockplus%e6%91%a9%e5%ae%a2/)：简洁高效的原型图设计工具
* [Pencil Project](http://hao.importnew.com/pencil-project/)：制作图表和GUI原型的工具
* [iPlotz](http://hao.importnew.com/iplotz/)：用来创建可点击、可导航的原型和线框图工具
* [Mokk.me](http://hao.importnew.com/mokk-me/)：一个简单快速的原型工具
* [InVision](http://hao.importnew.com/invision/)：便捷的产品原型生成工具
* [HotGloo](http://hao.importnew.com/hotgloo/)：功能强大的产品原型在线工具
* [iPhone Mockup](http://hao.importnew.com/iphone-mockup/)：非常简单的在线原型工具
* [FlairBuilder](http://hao.importnew.com/flairbuilder/)：用来创建交互性线框图的快速原型工具
* [Pidoco](http://hao.importnew.com/pidoco/)：一款基于Web的原型设计软件
* [Omnigraffle](http://hao.importnew.com/omnigraffle/)：用来快速绘制线框图、图表、流程图等
* [WireframeSketcher](http://hao.importnew.com/wireframesketcher/)：灵活的线框图和原型快速创作工具
* [Protoshare](http://hao.importnew.com/protoshare/)：十分便捷的在线原型制作工具
* [MockFlow](http://hao.importnew.com/mockflow/)：制作产品原型的在线工具
* [Balsamiq Mockups](http://hao.importnew.com/balsamiq-mockups/)：基于Flash的快速制作线框图工具
* [Proto.io](http://hao.importnew.com/proto-io/)：一个专用的手机原型开发平台
* [Axure RP](http://hao.importnew.com/axure-rp/)：专业的快速原型设计工具
* [Wireframe.cc](http://hao.importnew.com/wireframe-cc/)：在线线框图绘制工具
* [PowerMockup ](http://hao.importnew.com/powermockup/)：把微软的PPT文件直接变成线框图工具
* [UXPin](http://hao.importnew.com/uxpin/)：实体模型和在线可点击原型创作工具
* [Fluid UI](http://hao.importnew.com/fluid-ui/)：用于移动开发的Web原型设计工具
* [Mockup](http://hao.importnew.com/moqups/)：在线线框图工具
* [justinmind](http://hao.importnew.com/justinmind/)：产品原型设计工具
### 设计博客
* [BoooooooM](http://hao.importnew.com/booooooom/)：设计简约但内容丰富的博客
* [LOGOED](http://hao.importnew.com/logoed/)：一个展示Logo设计的博客
* [Abduzeedo](http://hao.importnew.com/abduzeedo/)：一家集创意灵感和教程的设计博客
* [SwissMiss](http://hao.importnew.com/swissmiss/)：分享创意设计的网站
* [The Industry](http://hao.importnew.com/the-industry/)：学习平面设计的极佳出版物
* [Net Magazine](http://hao.importnew.com/net-magazine/)：文章覆盖面广，适合扩宽眼界
* [Web Designer Depot](http://hao.importnew.com/web-designer-depot/)：适合视觉设计人员专注
* [Design Modo](http://hao.importnew.com/design-modo/)：偏于设计前沿和设计趋势的博客
* [Lukew](http://hao.importnew.com/lukew/)：干货文章分享，资深的用户体验专家
* [UX Magazine](http://hao.importnew.com/ux-magazine/)：善于用通俗的案例讲解理论知识
* [UXbooth](http://hao.importnew.com/uxbooth/)：专注于用户体验设计文章
* [Smashing Magazine](http://hao.importnew.com/smashing-magazine/)：整体质量很高的设计文章
* [The Great Discontent](http://hao.importnew.com/the-great-discontent/)：提供世界顶尖创意者的漫长访谈
### 设计工具
* [One% CSS Grid](http://hao.importnew.com/one-css-grid/)：一款基于百分比的CSS响应式框架
* [Simple Grid](http://hao.importnew.com/simple-grid/)：轻量级的响应式 CSS 网格系统
* [Iconify](http://hao.importnew.com/iconify-2/)：一个作品网站平台
* [iConify](http://hao.importnew.com/iconify/)：Mac平台的苹果应用图标自动化生成工具
* [Viewport Resizer](http://hao.importnew.com/viewport-resizer/)：一个测试响应式设计的小书签
* [Divshot](http://hao.importnew.com/divshot/)：在线的可视化网页设计工具
* [Bootply](http://hao.importnew.com/bootply/)：一款很棒的 Bootstrap UI 编辑工具
* [Jetstrap](http://hao.importnew.com/jetstrap/)：Bootstrap框架的可视化制作工具
* [Layoutit](http://hao.importnew.com/layoutit/)：在线搭建Bootstrap响应式布局的工具
* [Bonsai](http://hao.importnew.com/bonsai-2/)：一套轻量级的JavaScript绘图库
* [Bootsnipp](http://hao.importnew.com/bootsnipp/)：针对Web设计师和开发者的前端元素库
* [SimplyTestable](http://hao.importnew.com/simplytestable/)：一款自动的前端网页测试工具
* [Onlytasks](http://hao.importnew.com/onlytasks/)：支持双向同步的Evernote效率工具
* [rwdgrid](http://hao.importnew.com/rwdgrid/)：基于960grid的响应式网格系统
* [Iconbench](http://hao.importnew.com/iconbench/)：在线ICON素材图标制作工具
* [Photo Raster](http://hao.importnew.com/photo-raster/)：在线免费图片编辑美化工具
* [Manymo](http://hao.importnew.com/manymo/)：在线安卓系统模拟器工具
* [Sellbox](http://hao.importnew.com/sellbox/)：可以通过Dropbox账户售卖你的数字文档
* [RightFont](http://hao.importnew.com/rightfont/)：超好用的字体管理工具
* [Wobzip](http://hao.importnew.com/wobzip/)：提供在线解压缩文件的网站
* [Archive.Today](http://hao.importnew.com/archive-today/)：一个网页快照捕捉工具
* [Minigrid](http://hao.importnew.com/minigrid/)：简约漂亮的网页布局栅格系统
* [Background Burner](http://hao.importnew.com/background-burner/)：简单的在线抠图工具
* [CloudConvert](http://hao.importnew.com/cloudconvert/)：在线免费的万能文件格式转换器
* [Lovely Charts](http://hao.importnew.com/lovely-charts/)：功能强大的在线图表制作工具
* [Cacoo](http://hao.importnew.com/cacoo/)：在线简单易用的网络画图工具
* [Incogna](http://hao.importnew.com/incogna/)：相似图片搜索引擎
* [Picitup](http://hao.importnew.com/picitup/)：在线相似图片搜索引擎
* [PinCap](http://hao.importnew.com/pincap/)：图片资源收集管理工具
* [TinEye](http://hao.importnew.com/tineye/)：以图搜图的反向图片搜索引擎
* [Giphy](http://hao.importnew.com/giphy/)：专搜GIF动态图的搜索引擎
* [LibreStock](http://hao.importnew.com/librestock/)：一站搜寻二十个常用的图库网站
* [Assistor PS](http://hao.importnew.com/assistor-ps/)：一个功能强大的PS辅助工具
* [PaintCode](http://hao.importnew.com/paintcode/)：矢量图设计工具
* [Macaw](http://hao.importnew.com/macaw/)：富有超前性和前瞻性的Web设计工具
* [Jimdo](http://hao.importnew.com/jimdo/)：在线网页自助建站平台
* [Ceilfire](http://hao.importnew.com/ceilfire/)：一个创建HTML5游戏并分享的平台
* [Weebly](http://hao.importnew.com/weebly/)：快速搭建免费网站、博客和网店
* [Google Web Designer](http://hao.importnew.com/google-web-designer/)：可视化HTML5网页和广告设计开发工具
* [Wix](http://hao.importnew.com/wix/)：基于html5的免费网站生成应用
* [VXPLO](http://hao.importnew.com/vxplo/)：专业的HTML5编辑工具
* [易企秀](http://hao.importnew.com/%e6%98%93%e4%bc%81%e7%a7%80/)：H5页面移动微场景应用制作工具
* [兔展](http://hao.importnew.com/%e5%85%94%e5%b1%95/)：微信场景应用的在线制作工具
* [Liveapp](http://hao.importnew.com/liveapp/)：移动场景应用平台
* [MAKA](http://hao.importnew.com/maka/)：简单、强大的H5创作工具
* [初页](http://hao.importnew.com/%e5%88%9d%e9%a1%b5/)：微信H5海报创作工具
* [白板](http://hao.importnew.com/%e7%99%bd%e6%9d%bf/)：设计图多人实时讨论工具
* [Ulead Cool 360](http://hao.importnew.com/ulead-cool-360/)：一个全景图片生成器
* [Red pen](http://hao.importnew.com/red-pen/)：设计图实时讨论工具
* [Coolsite360](http://hao.importnew.com/coolsite360/)：无需编程的响应式网站设计工具
* [Epub360](http://hao.importnew.com/epub360/)：专业级H5交互设计工具
* [皮影客](http://hao.importnew.com/%e7%9a%ae%e5%bd%b1%e5%ae%a2/)：三分钟做部动画片
* [Webflow](http://hao.importnew.com/webflow/)：傻瓜式网页设计制作平台
* [Quartz Composer](http://hao.importnew.com/quartz-composer/)：图形化的编程工具
* [After Effects](http://hao.importnew.com/after-effects/)：一款图形视频处理软件
* [Hype 3](http://hao.importnew.com/hype3/)：帮助不会编程的用户轻松创建 HTML 5
* [Dorado](http://hao.importnew.com/dorado/)：一款方便灵活的标注工具
* [WhatFontIs](http://hao.importnew.com/whatfontis/)：在线图片字体识别工具
* [在线认字体](http://hao.importnew.com/%e5%9c%a8%e7%ba%bf%e8%ae%a4%e5%ad%97%e4%bd%93/)：看图识字的求字体网
* [MarkMan马克鳗](http://hao.importnew.com/markman/)：高效的设计稿标注、测量工具
* [Skala Preview](http://hao.importnew.com/skala-preview/)：iOS UI 设计师必备
* [Briefs](http://hao.importnew.com/briefs/)：专业APP设计工具
* [Placeit](http://hao.importnew.com/placeit/)：在线预览APP界面设计效果图的模板工具
* [UI Parde](http://hao.importnew.com/ui-parde/)：在线UI设计工具
* [CSS Content Filter](http://hao.importnew.com/css-content-filter/)：易于定制、便于集成的CSS内容过滤工具
* [TinyCon](http://hao.importnew.com/tinycon/)：用于管理Favicon和弹出框
* [Gitup](http://hao.importnew.com/gitup/)：为Git所准备的图形化客户端
* [Unsplash](http://hao.importnew.com/unsplash-2/)：用于网页中的图片占位符
* [Now UI Kit](http://hao.importnew.com/now-ui-kit/)：用于网页设计、平板和手机的界面
* [Timber](http://hao.importnew.com/timber/)：一款前端框架工具
* [Grid.Guide](http://hao.importnew.com/grid-guide/)：计算栅格宽度的工具
* [Apostrophe](http://hao.importnew.com/apostrophe/)：一款设计驱动下的内容管理系统
* [Bonsai](http://hao.importnew.com/bonsai/)：一款为自由设计师所准备的工具
* [GridLayout](http://hao.importnew.com/gridlayout/)：一款轻量级的栅格系统
* [Rucksack](http://hao.importnew.com/rucksack/)：一款有趣的CSS工具
* [Flarum](http://hao.importnew.com/flarum/)：一套简约易用的开源论坛系统
* [Lightning Design Systems](http://hao.importnew.com/lightning-design-systems/)：专注于构建体验优秀的企业级APP
* [Frontify](http://hao.importnew.com/frontify/)：维护品牌风格和样式的在线工具
* [TinyPng](http://hao.importnew.com/tinypng/)：在线PNG图片压缩工具
* [Kendo UI](http://hao.importnew.com/kendo-ui/) : jQuery HTML5 UI组件框架
* [AdobeEdgeWebFonts](http://hao.importnew.com/adobeedgewebfonts/)：Adobe免费Web字体
* [Sizecalc](http://hao.importnew.com/sizecalc/)：字体大小计算器
* [Inkpad](http://hao.importnew.com/inkpad/)：iPad 矢量插图应用
### 设计教程
* [SlideRule](http://hao.importnew.com/sliderule/)：在线免费课程搜索平台
* [Abduzeedo](http://hao.importnew.com/abduzeedo/)：一家集创意灵感和教程的设计博客
* [HackDesign](http://hao.importnew.com/hackdesign/)：黑客设计教学网
* [Lukew](http://hao.importnew.com/lukew/)：干货文章分享，资深的用户体验专家
* [UX Magazine](http://hao.importnew.com/ux-magazine/)：善于用通俗的案例讲解理论知识
* [UXbooth](http://hao.importnew.com/uxbooth/)：专注于用户体验设计文章
* [Smashing Magazine](http://hao.importnew.com/smashing-magazine/)：整体质量很高的设计文章
* [The Great Discontent](http://hao.importnew.com/the-great-discontent/)：提供世界顶尖创意者的漫长访谈
* [Information Aesthetics](http://hao.importnew.com/information-aesthetics/)：学习信息图设计和布局的网站
* [about tech](http://hao.importnew.com/about-tech/)：数字排版开放课程
* [AIGA](http://hao.importnew.com/aiga/)：专业的设计理论文章
* [Design Tutsplus](http://hao.importnew.com/design-tutsplus/)：专业设计教程网
### 设计素材
* [Freepik](http://hao.importnew.com/freepik/)：免费的素材搜索引擎
* [RBNo2.1](http://hao.importnew.com/rbno2-1/)：是简化版的非衬线字体
* [Moki](http://hao.importnew.com/moki/)：从七种不同的风格演变而来的字体
* [King Wood Volume](http://hao.importnew.com/king-wood-volume/)：带有Tuscan的哥特式风格的字体
* [Window Dressing JNL](http://hao.importnew.com/window-dressing-jnl/)：线条干净、简洁的字体
* [Zombie Sunrise](http://hao.importnew.com/zombie-sunrise/)：一款手绘设计的字体
* [Toolkit](http://hao.importnew.com/toolkit/)：一款免费的怀旧感字体
* [Poly](http://hao.importnew.com/poly/)：一款基于几何排列的免费显示字体
* [Eaglefeather](http://hao.importnew.com/eaglefeather/)：由P22 Type Foundry调整而来的字体
* [Hummingbird](http://hao.importnew.com/hummingbird/)：一款既怀旧复古又有科技感的字体
* [Rosarian](http://hao.importnew.com/rosarian/)：一款书法字体
* [Sketchrepo](http://hao.importnew.com/sketchrepo/)：免费高品质的Sketch资源
* [Psdrepo](http://hao.importnew.com/psdrepo/)：免费高品质的PSD资源
* [The Pattern Library](http://hao.importnew.com/the-pattern-library/)：免费纹理素材资源网
* [PicJumbo](http://hao.importnew.com/picjumbo/)：在线免费高质量素材网
* [Material UI Colors](http://hao.importnew.com/material-ui-colors/)：为Material Design而生的配色模板
* [Design Kindle](http://hao.importnew.com/design-kindle/)：免费网页UI设计素材下载站
* [DeviantArt](http://hao.importnew.com/deviantart/)：最大的艺术和设计社区
* [花瓣网](http://hao.importnew.com/%e8%8a%b1%e7%93%a3%e7%bd%91/)：设计师寻找灵感的天堂
* [365PSD](http://hao.importnew.com/365psd/)：免费psd图片素材下载网站
### 配色方案
* [Spectrum](http://hao.importnew.com/spectrum/)：色彩搭配、图片取色器工具
* [Coolors](http://hao.importnew.com/coolors/)：自动生成配色色板的小工具
* [Material Palette](http://hao.importnew.com/material-palette/)：Material Design专用在线配色工具
* [Material UI Colors](http://hao.importnew.com/material-ui-colors/)：为Material Design而生的配色模板
* [Web安全色](http://hao.importnew.com/web%e5%ae%89%e5%85%a8%e8%89%b2/)：WEB设计、开发中常用的安全颜色
* [Color Hunter](http://hao.importnew.com/color-hunter/)：一个十分酷炫的配色网站
* [配色网](http://hao.importnew.com/%e9%85%8d%e8%89%b2%e7%bd%91/)：国内的非盈利配色素材网站
* [Nippon colors](http://hao.importnew.com/nippon-colors/)：日本传统用色色谱网站
* [Colorotate](http://hao.importnew.com/colorotate/)：独特创意的设计调色板
* [ColorZilla](http://hao.importnew.com/colorzilla/)：火狐浏览器网页取色器插件
* [Contrast-A](http://hao.importnew.com/contrast-a/)：非常专业的调色板配置工具
* [Adobe Color CC](http://hao.importnew.com/adobe-color-cc/)：Adobe取色器
* [Kuler](http://hao.importnew.com/kuler/)：Adobe的配色工具
* [Color Palette Generator](http://hao.importnew.com/color-scheme-designer%e7%bd%91%e7%ab%99/)：图片配色工具
* [Color Scheme Designer](http://hao.importnew.com/color-scheme-designer/)：免费网络调色工具
* [Color Hunt](http://hao.importnew.com/color-hunt/)：漂亮炫酷的配色方案
* [Brandseen](http://hao.importnew.com/brandseen/)：匹配流行品牌LOGO颜色的在线游戏
### 高清图库
* [PhotoPin](http://hao.importnew.com/photopin/)：基于Flickr图片资源搜索引擎
* [SplitShire](http://hao.importnew.com/splitshire/)：免费高清摄影图片下载
* [Free Refe Mobile Photos](http://hao.importnew.com/free-refe-mobile-photos/)：主要提供免费的手机图片
* [Photo Raster](http://hao.importnew.com/photo-raster/)：在线免费图片编辑美化工具
* [Stock Up](http://hao.importnew.com/stock-up/)：一次查找21个免费可商用图库网站
* [Wallpaperswide](http://hao.importnew.com/wallpaperswide/)：精品壁纸下载站
* [Socwall](http://hao.importnew.com/socwall/)：高清壁纸下载站
* [flickr](http://hao.importnew.com/flickr/)：雅虎旗下图片分享网站
* [500px](http://hao.importnew.com/500px/)：一个专业摄影师图片社区
* [1X](http://hao.importnew.com/1x/)：一个优秀的摄影作品网站
* [Jaymantri](http://hao.importnew.com/jaymantri/)：免费高清摄影图片网
* [Picography](http://hao.importnew.com/picography/)：免费高清摄影图片分享网
* [FoodiesFeed](http://hao.importnew.com/foodiesfeed/)：免费食品图片下载网站
* [Magdeleine](http://hao.importnew.com/magdeleine/)：免费高清灵感图片网
* [Raumrot](http://hao.importnew.com/raumrot/)：免费高分辨率无版权图片网
* [FreeImages](http://hao.importnew.com/freeimages/)：免费商业图片素材网
* [LifeOfPix](http://hao.importnew.com/lifeofpix/)：免费欧美生活图片网
* [Incogna](http://hao.importnew.com/incogna/)：相似图片搜索引擎
* [Picitup](http://hao.importnew.com/picitup/)：在线相似图片搜索引擎
* [We Heart It](http://hao.importnew.com/we-heart-it/)：每天发现充满灵感且美丽的图片
* [illusion](http://hao.importnew.com/illusion/)：展示最惊人的创意图片
* [VisualizeUs](http://hao.importnew.com/visualizeus/)：一个图片收藏网站
* [PinCap](http://hao.importnew.com/pincap/)：图片资源收集管理工具
* [TinEye](http://hao.importnew.com/tineye/)：以图搜图的反向图片搜索引擎
* [Giphy](http://hao.importnew.com/giphy/)：专搜GIF动态图的搜索引擎
* [LibreStock](http://hao.importnew.com/librestock/)：一站搜寻二十个常用的图库网站
* [IM Free](http://hao.importnew.com/im-free/)：免费高清图片库
* [The Pattern Library](http://hao.importnew.com/the-pattern-library/)：免费纹理素材资源网
* [PicJumbo](http://hao.importnew.com/picjumbo/)：在线免费高质量素材网
* [Design Kindle](http://hao.importnew.com/design-kindle/)：免费网页UI设计素材下载站
* [花瓣网](http://hao.importnew.com/%e8%8a%b1%e7%93%a3%e7%bd%91/)：设计师寻找灵感的天堂
* [WallHaven](http://hao.importnew.com/wallhaven/)：高清壁纸图片搜索引擎
* [Snapographic](http://hao.importnew.com/snapographic/)：免费高清照片订阅网
* [Twnsnd](http://hao.importnew.com/twnsnd/)：免费复古照片公共档案库
* [GIRLY DROP](http://hao.importnew.com/girly-drop/)：高清美女图片素材站
* [Foter](http://hao.importnew.com/foter/)：免费图片素材搜索引擎
* [DesignersPics](http://hao.importnew.com/designerspics/)：免费高清图片资源
* [Pexels](http://hao.importnew.com/pexels/)：免费高品质图片 可商用
* [Gratisography](http://hao.importnew.com/gratisography/)：定期发布高品质的免费照片
* [Function](http://hao.importnew.com/function/)：优秀的图片网站
* [Pixabay](http://hao.importnew.com/pixabay/)：内容丰富的摄影照片网站
* [Death To The Stock Photo](http://hao.importnew.com/death-to-the-stock-photo/)：高品质的照片网站
* [DotSpin](http://hao.importnew.com/dotspin/)：漂亮的图片素材网站
* [New Old Stock](http://hao.importnew.com/new-old-stock/)：一个有趣的复古照片网站
* [Superfamous](http://hao.importnew.com/superfamous-studios/)：免费高质量图片素材
* [Little Visuals](http://hao.importnew.com/little-visuals/)：免费高质量图片素材
* [Unsplash](http://hao.importnew.com/unsplash/)： 高品质免费图片素材库
微博、微信公众号
* 设计的那些事 微博：[@设计的那些事](http://weibo.com/u/2088601913)
* 设计的那些事：分享精选的设计相关文章、案例和行业动态。同时，也会不定期推荐设计教程、高薪职位和设计相关的优秀工具。
* UI设计达人：分享 UI 设计精选文章、案例、行业趋势、课程和书籍。
* 网页设计精选：分享网页设计精选文章、案例、行业趋势、课程和书籍。
