Awesome
awesome-design-cn
设计师资源大全由伯乐在线资源频道综合整理。目前已收录 340+ 设计类资源,包含:ICON图标、Logo设计、PhotoShop插件、交互设计工具、流程图、线框图/原型图、设计博客、设计工具设计教程、设计素材、配色方案、高清图库等等。
如何加入我们?
非常期待能有更多朋友一起来参与。加入前,有几个小要求:
- 对设计感兴趣,如果在从事这方面工作更好;
- 如果您的英文还不错,那也非常好啦;(这个不强制要求)
如有兴趣,请加 QQ:191250436。加 Q 时请注明「设计资源」
我们还在翻译国外的优秀设计文章,如果您有一定的设计背景和英文基础,欢迎从这里申请加入我们。
本项目的参与者
ㄨiaǒ偉、shanlijie001、rose、梦熙、布洛、
注:名单不分排名,不定期补充更新
奖励计划
虽然奖励可能并不是你加入的主要原因,但还是有必要提一下:
- 整理超过 20 个资源后,可在伯乐在线上开通打赏;
- 每整理 20 个资源,有机会获得技术书籍或各种有意思的创意、极客产品;
- 奖励详情
目录
ICON图标
- Fontello:图标字体生成器
- The Noun Project:免费提供高度可辨识符号图标
- IconArchive:专业图标搜索引擎
- iConify:Mac平台的苹果应用图标自动化生成工具
- Iconbench:在线ICON素材图标制作工具
- EasyIcon:免费图标搜索和下载平台
- Icon Deposit:一个奇妙的图标下载站
Logo 设计
- Logaster:教你在线几分钟内搞定专业的LOGO设计
- LogoLounge:国际知名的LOGO设计权威网站
- LogoMoose:一个优秀的logo素材站点
- LogoPond:LOGO设计作品收藏网
- BRAND NEW:资源丰富的Logo设计网站
- LOGOED:一个展示Logo设计的博客
- LOGOSPIRE:logo设计的交流平台
- Logo of the Day:汇集世界各地优秀LOGO作品的站点
- LogoDesignLove:Logo设计技巧分享网
- Brandseen:匹配流行品牌LOGO颜色的在线游戏
Photoshop插件
- Retinize:iOS切图神器
- GuideGuide:一款PS参考线插件
- Divine Proportions Toolkit:黄金分割工具
- Kockout:PS抠图神器
- Coolors:自动生成配色色板的小工具
- Assistor PS:一个功能强大的PS辅助工具
- Flexify 2:PS变形滤镜插件
- DevRocket:一款iOS UI设计效率工具
- Slicy:Mac下的切图神器
- Kuler:Adobe的配色工具
交互设计工具
- VXPLO:专业的HTML5编辑工具
- Epub360:专业级H5交互设计工具
- Indigo Studio:UI原型设计和交互设计工具
- Avocado:无需编码的跟设计原型进行交互
- Webflow:傻瓜式网页设计制作平台
- Marvel:更专注交互动作的在线工具
- Principle:Mac平台交互动效设计神器
- Quartz Composer:图形化的编程工具
- Form:交互原型设计工具
- Pixate:设计师的免费动效神器
- Framer.js:一个交互原型设计框架
- Keynote:快速制作高保真交互原型
- ORIGAMI:交互神器-图像设计动画合成工具
- InVision:便捷的产品原型生成工具
流程图/脑图
- ProcessOn:免费的在线作图、实时协作工具
- DrawAnywhere:在线流程图制作工具
- Lovely Charts:功能强大的在线图表制作工具
- Creately:优秀的绘制产品图形的在线工具
- Cacoo:在线简单易用的网络画图工具
- LucidChart:在线流程图绘制和协作应用平台
- Gliffy:在线免费流程图制作工具
- NovaMind:非常优秀的思维导图软件
- MindMapper:专业的可视化脑图管理工具
- FreeMind:免费的思维导图软件
- XMind:非常实用的商业思维导图软件
- MindManager:专业思维导图工具
- 百度脑图:便捷的思维编辑工具
灵感酷站
- Sketchrepo:免费高品质的Sketch资源
- Psdrepo:免费高品质的PSD资源
- 1X:一个优秀的摄影作品网站
- Magdeleine:免费高清灵感图片网
- We Heart It:每天发现充满灵感且美丽的图片
- PinSpire:灵感创意作品收集平台
- NotCot:一个集视觉效果、美学为一体的网站
- 9GAG:全球最搞笑的趣图网站
- BoooooooM:设计简约但内容丰富的博客
- illusion:展示最惊人的创意图片
- Baubauhaus:提供设计灵感、插画摄影等艺术作品
- Niice:设计师必备的灵感搜索引擎
- DeviantArt:最大的艺术和设计社区
- 花瓣网:设计师寻找灵感的天堂
- pixiv:日本同人画、插画作品分享站点
- Awwwards:最佳网页设计展示平台
- WallHaven:高清壁纸图片搜索引擎
- Pinterest:图片分享类的社交网站
- Abduzeedo:一家集创意灵感和教程的设计博客
- Yanko Design:最棒的现代工业设计站点
- SwissMiss:分享创意设计的网站
- PetaPixel:专业的摄影爱好者点评博客
- 365PSD:免费psd图片素材下载网站
- Typophile:字体设计艺术网站
- Patterntap:适合用户界面设计和图案感兴趣的同学
- Designshack:设计作品欣赏网站
- Behance:全球领先的专业创意平台
- Dribbble:设计师必备网站之一
- FFFFound:专业的图片收藏网
- MyModernmet:众多艺术家不可或缺的信息来源
- Grain Edit:复古和古典风格的设计内容
- UIparade:灵感UI设计作品分享网站
- Muuuuu:日本网站画廊,收集最具创意网站
- iKesai:网页设计作品案例库
- CSS Winner:网站设计资源站点
线框图/原型图
- Prott:移动测试原型制作工具
- Solidify:一款原型制作软件
- ProcessOn:免费的在线作图、实时协作工具
- Mockingbird:一个基于 Web 的在线原型设计平台
- Creately:优秀的绘制产品图形的在线工具
- Cacoo:在线简单易用的网络画图工具
- Gliffy:在线免费流程图制作工具
- Indigo Studio:UI原型设计和交互设计工具
- 墨刀MockingBot:免费的移动应用原型与线框图工具
- Marvel:更专注交互动作的在线工具
- Keynote:快速制作高保真交互原型
- OmniGraffle:Mac平台下最好的原型设计工具
- Handmade Sketches:手工草图绘制工具
- Mockups.me:ui线框图软件
- Live wire:iPad上的线框图制作工具
- UXToolbox:Window平台的线框图工具
- DevRocket:一款iOS UI设计效率工具
- AppCooker:从图标草图到原型设计的iPad应用
- Blueprint:你轻而易举地设计原型的iPad应用
- Mockplus摩客:简洁高效的原型图设计工具
- Pencil Project:制作图表和GUI原型的工具
- iPlotz:用来创建可点击、可导航的原型和线框图工具
- Mokk.me:一个简单快速的原型工具
- InVision:便捷的产品原型生成工具
- HotGloo:功能强大的产品原型在线工具
- iPhone Mockup:非常简单的在线原型工具
- FlairBuilder:用来创建交互性线框图的快速原型工具
- Pidoco:一款基于Web的原型设计软件
- Omnigraffle:用来快速绘制线框图、图表、流程图等
- WireframeSketcher:灵活的线框图和原型快速创作工具
- Protoshare:十分便捷的在线原型制作工具
- MockFlow:制作产品原型的在线工具
- Balsamiq Mockups:基于Flash的快速制作线框图工具
- Proto.io:一个专用的手机原型开发平台
- Axure RP:专业的快速原型设计工具
- Wireframe.cc:在线线框图绘制工具
- PowerMockup :把微软的PPT文件直接变成线框图工具
- UXPin:实体模型和在线可点击原型创作工具
- Fluid UI:用于移动开发的Web原型设计工具
- Mockup:在线线框图工具
- justinmind:产品原型设计工具
设计博客
- BoooooooM:设计简约但内容丰富的博客
- LOGOED:一个展示Logo设计的博客
- Abduzeedo:一家集创意灵感和教程的设计博客
- SwissMiss:分享创意设计的网站
- The Industry:学习平面设计的极佳出版物
- Net Magazine:文章覆盖面广,适合扩宽眼界
- Web Designer Depot:适合视觉设计人员专注
- Design Modo:偏于设计前沿和设计趋势的博客
- Lukew:干货文章分享,资深的用户体验专家
- UX Magazine:善于用通俗的案例讲解理论知识
- UXbooth:专注于用户体验设计文章
- Smashing Magazine:整体质量很高的设计文章
- The Great Discontent:提供世界顶尖创意者的漫长访谈
设计工具
- One% CSS Grid:一款基于百分比的CSS响应式框架
- Simple Grid:轻量级的响应式 CSS 网格系统
- Iconify:一个作品网站平台
- iConify:Mac平台的苹果应用图标自动化生成工具
- Viewport Resizer:一个测试响应式设计的小书签
- Divshot:在线的可视化网页设计工具
- Bootply:一款很棒的 Bootstrap UI 编辑工具
- Jetstrap:Bootstrap框架的可视化制作工具
- Layoutit:在线搭建Bootstrap响应式布局的工具
- Bonsai:一套轻量级的JavaScript绘图库
- Bootsnipp:针对Web设计师和开发者的前端元素库
- SimplyTestable:一款自动的前端网页测试工具
- Onlytasks:支持双向同步的Evernote效率工具
- rwdgrid:基于960grid的响应式网格系统
- Iconbench:在线ICON素材图标制作工具
- Photo Raster:在线免费图片编辑美化工具
- Manymo:在线安卓系统模拟器工具
- Sellbox:可以通过Dropbox账户售卖你的数字文档
- RightFont:超好用的字体管理工具
- Wobzip:提供在线解压缩文件的网站
- Archive.Today:一个网页快照捕捉工具
- Minigrid:简约漂亮的网页布局栅格系统
- Background Burner:简单的在线抠图工具
- CloudConvert:在线免费的万能文件格式转换器
- Lovely Charts:功能强大的在线图表制作工具
- Cacoo:在线简单易用的网络画图工具
- Incogna:相似图片搜索引擎
- Picitup:在线相似图片搜索引擎
- PinCap:图片资源收集管理工具
- TinEye:以图搜图的反向图片搜索引擎
- Giphy:专搜GIF动态图的搜索引擎
- LibreStock:一站搜寻二十个常用的图库网站
- Assistor PS:一个功能强大的PS辅助工具
- PaintCode:矢量图设计工具
- Macaw:富有超前性和前瞻性的Web设计工具
- Jimdo:在线网页自助建站平台
- Ceilfire:一个创建HTML5游戏并分享的平台
- Weebly:快速搭建免费网站、博客和网店
- Google Web Designer:可视化HTML5网页和广告设计开发工具
- Wix:基于html5的免费网站生成应用
- VXPLO:专业的HTML5编辑工具
- 易企秀:H5页面移动微场景应用制作工具
- 兔展:微信场景应用的在线制作工具
- Liveapp:移动场景应用平台
- MAKA:简单、强大的H5创作工具
- 初页:微信H5海报创作工具
- 白板:设计图多人实时讨论工具
- Ulead Cool 360:一个全景图片生成器
- Red pen:设计图实时讨论工具
- Coolsite360:无需编程的响应式网站设计工具
- Epub360:专业级H5交互设计工具
- 皮影客:三分钟做部动画片
- Webflow:傻瓜式网页设计制作平台
- Quartz Composer:图形化的编程工具
- After Effects:一款图形视频处理软件
- Hype 3:帮助不会编程的用户轻松创建 HTML 5
- Dorado:一款方便灵活的标注工具
- WhatFontIs:在线图片字体识别工具
- 在线认字体:看图识字的求字体网
- MarkMan马克鳗:高效的设计稿标注、测量工具
- Skala Preview:iOS UI 设计师必备
- Briefs:专业APP设计工具
- Placeit:在线预览APP界面设计效果图的模板工具
- UI Parde:在线UI设计工具
- CSS Content Filter:易于定制、便于集成的CSS内容过滤工具
- TinyCon:用于管理Favicon和弹出框
- Gitup:为Git所准备的图形化客户端
- Unsplash:用于网页中的图片占位符
- Now UI Kit:用于网页设计、平板和手机的界面
- Timber:一款前端框架工具
- Grid.Guide:计算栅格宽度的工具
- Apostrophe:一款设计驱动下的内容管理系统
- Bonsai:一款为自由设计师所准备的工具
- GridLayout:一款轻量级的栅格系统
- Rucksack:一款有趣的CSS工具
- Flarum:一套简约易用的开源论坛系统
- Lightning Design Systems:专注于构建体验优秀的企业级APP
- Frontify:维护品牌风格和样式的在线工具
- TinyPng:在线PNG图片压缩工具
- Kendo UI : jQuery HTML5 UI组件框架
- AdobeEdgeWebFonts:Adobe免费Web字体
- Sizecalc:字体大小计算器
- Inkpad:iPad 矢量插图应用
设计教程
- SlideRule:在线免费课程搜索平台
- Abduzeedo:一家集创意灵感和教程的设计博客
- HackDesign:黑客设计教学网
- Lukew:干货文章分享,资深的用户体验专家
- UX Magazine:善于用通俗的案例讲解理论知识
- UXbooth:专注于用户体验设计文章
- Smashing Magazine:整体质量很高的设计文章
- The Great Discontent:提供世界顶尖创意者的漫长访谈
- Information Aesthetics:学习信息图设计和布局的网站
- about tech:数字排版开放课程
- AIGA:专业的设计理论文章
- Design Tutsplus:专业设计教程网
设计素材
- Freepik:免费的素材搜索引擎
- RBNo2.1:是简化版的非衬线字体
- Moki:从七种不同的风格演变而来的字体
- King Wood Volume:带有Tuscan的哥特式风格的字体
- Window Dressing JNL:线条干净、简洁的字体
- Zombie Sunrise:一款手绘设计的字体
- Toolkit:一款免费的怀旧感字体
- Poly:一款基于几何排列的免费显示字体
- Eaglefeather:由P22 Type Foundry调整而来的字体
- Hummingbird:一款既怀旧复古又有科技感的字体
- Rosarian:一款书法字体
- Sketchrepo:免费高品质的Sketch资源
- Psdrepo:免费高品质的PSD资源
- The Pattern Library:免费纹理素材资源网
- PicJumbo:在线免费高质量素材网
- Material UI Colors:为Material Design而生的配色模板
- Design Kindle:免费网页UI设计素材下载站
- DeviantArt:最大的艺术和设计社区
- 花瓣网:设计师寻找灵感的天堂
- 365PSD:免费psd图片素材下载网站
配色方案
- Spectrum:色彩搭配、图片取色器工具
- Coolors:自动生成配色色板的小工具
- Material Palette:Material Design专用在线配色工具
- Material UI Colors:为Material Design而生的配色模板
- Web安全色:WEB设计、开发中常用的安全颜色
- Color Hunter:一个十分酷炫的配色网站
- 配色网:国内的非盈利配色素材网站
- Nippon colors:日本传统用色色谱网站
- Colorotate:独特创意的设计调色板
- ColorZilla:火狐浏览器网页取色器插件
- Contrast-A:非常专业的调色板配置工具
- Adobe Color CC:Adobe取色器
- Kuler:Adobe的配色工具
- Color Palette Generator:图片配色工具
- Color Scheme Designer:免费网络调色工具
- Color Hunt:漂亮炫酷的配色方案
- Brandseen:匹配流行品牌LOGO颜色的在线游戏
高清图库
- PhotoPin:基于Flickr图片资源搜索引擎
- SplitShire:免费高清摄影图片下载
- Free Refe Mobile Photos:主要提供免费的手机图片
- Photo Raster:在线免费图片编辑美化工具
- Stock Up:一次查找21个免费可商用图库网站
- Wallpaperswide:精品壁纸下载站
- Socwall:高清壁纸下载站
- flickr:雅虎旗下图片分享网站
- 500px:一个专业摄影师图片社区
- 1X:一个优秀的摄影作品网站
- Jaymantri:免费高清摄影图片网
- Picography:免费高清摄影图片分享网
- FoodiesFeed:免费食品图片下载网站
- Magdeleine:免费高清灵感图片网
- Raumrot:免费高分辨率无版权图片网
- FreeImages:免费商业图片素材网
- LifeOfPix:免费欧美生活图片网
- Incogna:相似图片搜索引擎
- Picitup:在线相似图片搜索引擎
- We Heart It:每天发现充满灵感且美丽的图片
- illusion:展示最惊人的创意图片
- VisualizeUs:一个图片收藏网站
- PinCap:图片资源收集管理工具
- TinEye:以图搜图的反向图片搜索引擎
- Giphy:专搜GIF动态图的搜索引擎
- LibreStock:一站搜寻二十个常用的图库网站
- IM Free:免费高清图片库
- The Pattern Library:免费纹理素材资源网
- PicJumbo:在线免费高质量素材网
- Design Kindle:免费网页UI设计素材下载站
- 花瓣网:设计师寻找灵感的天堂
- WallHaven:高清壁纸图片搜索引擎
- Snapographic:免费高清照片订阅网
- Twnsnd:免费复古照片公共档案库
- GIRLY DROP:高清美女图片素材站
- Foter:免费图片素材搜索引擎
- DesignersPics:免费高清图片资源
- Pexels:免费高品质图片 可商用
- Gratisography:定期发布高品质的免费照片
- Function:优秀的图片网站
- Pixabay:内容丰富的摄影照片网站
- Death To The Stock Photo:高品质的照片网站
- DotSpin:漂亮的图片素材网站
- New Old Stock:一个有趣的复古照片网站
- Superfamous:免费高质量图片素材
- Little Visuals:免费高质量图片素材
- Unsplash: 高品质免费图片素材库