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