常用
设计素材
- UI干货
- UI-Cloud 海量UI资源，可当素材库或灵感库使用
- flypixel 目前已有800多个优秀UI资源
- 365psd 每天一款高品质PSD素材
- Pixeden APP UI、网页模板、纹理等
- 优秀设计资源 不定期分享免费高品质干货
- freebiesgallery WEB, APP UI等PSD素材
- 365webresources 分享网页和UI相关免费素材
- DBL 专门分享Dribbble和Behance的素材网站
- Graph Berry Mockup、icon、模板等素材分享
- Freebiesbug 综合UI素材网站
- 网站模板
- Themeforest 质量极高的网页模板分享平台 也可以在这里找灵感
- 网站模板 不定期精选优秀PSD/HTML网站模板
- Templated 响应式模板分享站
- Freewebsitetemplates 免费网页模板分享，有的质量不错
- 网页模板巨人 提供多行业企业网站、CMS、商城模板
- 图标
- Easy icon 图标搜索引擎(中英)
- Icon Finder 图标搜索引擎(英)
- Logo EPS 可以免费下载矢量LOGO模板的网站
- Font Awesome 流行的网页图标字体 直接下载 | Cheatsheet
- The Nounproject 高度可识别性的符号、图标
- iconmonstr 设计风格简约的图标素材
- 阿里图标库 阿里巴巴矢量图标库
- Icomoon 在线网页字体图标制作工具
- iconmelon 提供漂亮的SVG图标
- iconShock 这里可以找到一些精致的拟物化图标
- 矢量图 / 笔刷 / 纹理
- Freepik 百万级矢量素材库
- Qbrushes 有PS笔刷以及纹理素材
- Subtle Patterns 平铺背景分享，很漂亮
- CG textures CG类纹理素材
- High Resolution Textures 高分辨率纹理素材
- Fbrushes PS笔刷下载站
- Brusheezy PS笔刷、纹理背景
- psdbox PS教程及素材分享
- Texture King 纹理王，各种材质纹理素材分享
- Textures 推荐！含3D纹理, PNG纹理 Texture Lovers（备用）
- 字体下载
- A5字体下载 中文字体下载推荐网站
- dafont 大量免费英文字体下载站
- fontsquirrel 字体松鼠，可商用的免费字体
- 求字体 可通过图片查找对应的字体，也提供字体下载
- Font Fabric 提供漂亮的免费字体下载
- Font CDN Google Web 字体CDN
- losttype 非常多漂亮的英文字体，带banner展示
- fontex 免费可商业的字体下载站
- Abstract Fonts 较全的字体下载站
- 谷歌Web Font 做英文站，来这里找字体吧，直接用在web上
- 免费高清图片
- Unsplash 高品质图片素材，可免费用在任何地方
- Pexels 免费图片分享
- Gratisography 免费高分辨率真图片，可个人及商用
- DesignersPics 设计师图片素材
- Foter 超过2亿张免费图片
- Girlydrop 免费女子写真素材
- Twnsnd 免费怀旧、复古照片分享
- Pixabay 共有约 370000 张免费的照片、矢量文件和艺术插图
- Pakutaso 来自日本的免费写真素材站
- Little Visuals 免费图片，可用于任何地方
灵感酷站
- WEB
- CSS Design Awards 欧美网页设计欣赏
- Awwwards 欧美网页设计欣赏
- 4db 日本网页设计欣赏
- straightline 日本网页设计欣赏
- krwz 韩国网页设计欣赏
- ivdesign 韩国网页设计欣赏
- 81-Web 日本网页设计画廊
- One page love 单页网页设计欣赏
- Mobile Patterns 移动网页设计欣赏
- hoverstat Web 交互动画欣赏
- 移动APP UI
- Dribbble 设计师必备灵感站
- Pttrns 收集移动APP界面设计作品
- UIparade UI零碎组件分享
- UIgarage 优秀UI碎片整理
- IOSicongallery 分享优秀IOS应用程序图标的网站
- app-icons APP图标集合
- Love UI 分享移动端APP设计作品
- Uplabs 分享Material和iOS风格的设计作品
- Inspired UI. 分享iPad、iPhone和Android UI设计作品
- Call to idea 细节分类各种UI设计元素的UI酷站
- 动效设计
- UI Movement 主要展示移动APP的动效界面，更新快
- Motions 有APP和其它好玩的GIF动画作品
- Design Patterns 分类展示的动效元素，并且已实现代码编写
- Capptivate 展示的优秀的动效作品(更新有点慢)
- Little Big Details 分享APP界面、软件界面、网页\智能手表等界面
- UYI 收集一系列动效界面，方便你激发动效设计灵感
- UI Interactions 分享带动效的UI设计作品，更新快
- SIX UX 分享6秒内的交互设计作品
- User Flow Patterns 可能需要“科学上网”才能正常访问
- NavNav 收集优秀Web&APP菜单
灵感画板
- 电商设计
- Banner Banner设计灵感
- 电商海报 电子商务海报设计
- 淘宝直通车 淘宝直通车广告设计
- 化妆品首页 详情页 | 海报 | 直通车
- 家具首页 详情页 | 海报 | 直通车
- 母婴首页 详情页 | 海报 | 直通车
- 儿童服饰首页 详情页 | 海报 | 直通车
- 女装服饰首页 详情页 | 海报 | 直通车
- 男装服饰首页 详情页 | 海报 | 直通车
- 女鞋首页 详情页 | 海报 | 直通车
- 男鞋首页 详情页 | 海报 | 直通车
- 女士箱包首页 详情页 | 海报 | 直通车
- 家电数码电器首页 详情页 | 海报 | 直通车
- 珠宝饰品首页 详情页 | 海报 | 直通车
- 餐饮美食首页 详情页 | 海报 | 直通车
设计教程
配色
- 配色工具
- Color Scheme 在线配色中文版
- coolors APP 在线配色以及查看优秀的配色方案
- Color Hunter 上传图像获取配色方案
- colourco.de 简单易用的在线配色工具
- Colllor 轻松创建色调一致的配色板
- pltts.me 很多漂亮配色板的网站
- UIgradients 生成美丽的渐变颜色（推荐）
- Colorfavs 抓取图像配色，带收藏配色功能（推荐）
- colors.css 一个包含16种全新标准色CSS样式表
- PALETTABLE 推荐！智能匹配的颜色赞哦！
-
Google
Material Desgin 系列 - Material风格配色 轻易搭配出Google Magerial Design的配色方案
- Material UI 把所有颜色汇聚在一个页面上
- material mixer 快速 DIY 美观的 Material design APP 界面配色
- MD Palette Generator 根据自定义颜色生成配色
- Random material 随机搭配一套UI配色方案
- Material Colors 精选 500 和 A200 色板的颜色
- MD Colors 又一个简单的可视化的Material Design工具
- tintui 只显示 Material Design 中的 500 颜色
- MD Colors 2 将色板中的颜色连同他们的正式名称可视化
- Colorion 分享 Material 设计配色，带收藏夹功能
设计工具
- 辅助
- Assistor PS 功能强大的标注工具
- 在线JPG/PNG压缩 Optimizilla在线图像压缩工具，可批量
- 黄金比计算工具 Golden Ratio，可以计算黄金比例的工具
- GuideGuide PS参考线快速绘制工具
- pixlr 在线Photoshop绘图工具
- 创客贴 推荐！一个可以告别PS的免费平面设计工具
- 在线多边形制作 在线low poly制作工具，简单几步即可创作一幅艺术作品
- stylestats 输入网址获得该网站配色
- Gridzzly 网点网格纸在线生成
- Mockplus 简洁高效的原型设计工具软件，关注设计，而非工具
- BG Patterns 在线制作平铺背景工具
- mindmeister 在线思维导图
- fontsquirrel 在线生成@fontface工具
- 有字库 生成中文@fontface字体
- Vector magic 强大的位图转矢量图工具
- Velositey 快速排版网页布局的PS扩展
-
Fontello
在线生成Web font字体
- infogr 信息图制作 在线制作漂亮的可视化信息图工具
- 比例计算工具 16:9, 4:3, 21:9, 2:1 在线计算工具
- UI Faces 提供真实用户头像，社交UI/用户列表设计必备
尺寸规范
Sketch
- Sketch官网 Sketch官方网站
- Sketch快捷键 Sketch快捷键速记表，含中英对照
- Sketch素材 Sketch素材下载站
- Sketchcasts Sketch视频教程
- Sketch tips 分享 Sketch 的使用技巧 简单易懂
- sketch资源集
- sketchhunt 分享Sketch资源
- Sketch News Sketch综合信息网站，有教程、新闻、素材、插件等信息
- Sketch repo 分享Sketch 素材，资源质量较好
- Sketchtips Sketch技巧（更新有点慢）
- Sketch Rocks! Sketch插件、素材、教程、杂项...
- Sketch Packs 纯Sketch插件
信息图
前端开发
UED团队
Designer Game 可提高你设计技能的游戏
- Pixact 测试你对像素宽度的识别能力
- Whatpx 写出黑色矩形的宽度
- bezier 用贝塞尔曲线绘图，提高钢笔工具的运用
- RGBchallenge 测试你对RGB值的了解
- helvarialquiz 分辨Arial和Helvetica字体
- Color 匹配色轮的颜色
- Type 字体排版练习
- Shape 钢笔工具使用练习
- Real or Photoshop 分辨图像是真是假
- dedesigntheweb 通过原型图来分辨是哪个网站
- colorrun 点击亮度高的颜色
- The Color 看你有多色
- CSS Diner CSS午餐，简单易懂的 CSS 选择器在线学习游戏
- Flexbox Defense 边玩塔防游戏边学习 CSS Flexbox 属性
培训机构