Design UI

摘自awesome-design-cn,包含：ICON图标、Logo设计、PhotoShop插件、交互设计工具、流程图、线框图/原型图、设计博客、设计工具设计教程、设计素材、配色方案、高清图库等等

ICON图标

Logo 设计

Photoshop插件

交互设计工具

  • 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：产品原型设计工具

设计博客

设计工具

  • 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 矢量插图应用

设计教程

设计素材

配色方案

高清图库

Others