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