UI设计规范

原文请看：http://www.cocoachina.com/special/design/

规范篇

首先你需要学习的是三大平台的官方设计规范。

iOS开发者需要学习Android和WP平台的规范吗？需知，他山之石可以攻玉，在这些规范中都有一些理念是通用的，学习别家平台的设计可以为本平台的设计提供新思路。

苹果人机界面指南

谷歌 Material Design

微软 Windows8 Style

理论篇

有些时候，我们觉得某个设计好，却不知道它好在哪里，其实这是因为缺乏理论基础。下面帮大家快速的了解一下UI设计和交互设计中的概念和理论。

交互设计术语理解： UI UE ID UED UCD 更多

UI设计色彩原理： 色相 饱和度 明度 色调 Color Wheel 更多

交互设计： 菲茨定律 席克定律 7±2 法则 泰思勒定律 奥卡姆剃刀 更多

交互设计术语理解：UI/UE/ID/UED/UCD的区别

你不知道的交互设计七大定律

交互设计理论之格式塔理论与四大法则

信息交互设计金字塔法则

Krug可用性定律：别让我思考

UI设计师的配色理论（一）：颜色的探索

UI设计师的配色理论（二）：UI设计概念和术语探索

UI设计师的配色理论（三）：创建自己的调色板

Apple、Google、Microsoft的用户体验设计原则

18个普遍被误解的用户体验理论

实践篇

学完理论，我们还需要动手实践。在Stack Overflow有个问题问程序员如何学习设计（译文），一位设计师回答，多看、多模仿、锻炼“审美眼”，品位上去了才能做出好的设计。

ICON 图标设计

• 图标设计的那些事
• 一枚App图标的设计文化
• 图标设计初阶要先型
• 手游icon图标：完善指尖大小的第一印象
• Chillingo分享三款游戏图标的设计经验
• 移动应用图标该选什么颜色？学学这里的诀窍
• iOS 7图标设计的七条黄金法则
• 经验分享：10个超赞的图标设计技巧
• 游戏应用图标制作五点建议

移动 UI 设计

• 如何成为一个移动端UI设计师
• 2014让人印象深刻的7种Mobile UI设计语言
• 移动UI设计须知
• 浅析网站/APP登录界面设计
• iOS8的颜色、文字和布局学习
• iOS7应用界面设计深度剖析
• 优秀设计师应当知道的20大UI设计原则
• 解析应用程序UI设计的15项黄金法则
• 移动端界面设计趋势分析
• 48款免费的精美UI界面设计套件
• 移动应用界面设计模式-搜索 排序 筛选
• 航班管家向怡宁：如何做APP界面设计

多屏适配设计

• 为大屏手机而设计
• 大屏时代的热区设计考量
• 大屏iPhone即将改变App设计的三种方式
• 改进工作流实现一份设计稿支持多个尺寸
• 关于iPhone界面适配详细版本
• iPhone6分辨率与适配

设计流程方法

• iOS平台应用开发的敏捷设计流程
• 网易云阅读设计流程回顾
• 十佳应用的故事(1) - 想法产品定义与交互设计
• 从产品原型到交互设计的过渡——初学者心得
• 分享手机应用屏幕vs.流程的设计方法

移动用户体验设计

• 移动用户体验要素（上篇）
• 移动用户体验要素（下篇）
• 用户体验在产品开发过程中所扮演的角色
• 用户体验专家Luke Wroblewski讲述移动设计细节
• iPad应用的10大用户体验设计准则
• 移动应用“快”体验设计方法
• 开发者应避免四种错误的用户体验设计
• 设计出色的用户体验的6个热门技巧
• iOS APP体验设计

移动交互设计

• 写给程序猿们的交互设计
• 交互设计入门完全指南
• 2014年移动应用交互设计10大趋势
• 移动设计中的7种主要导航模式
• 超越按钮 - 谈手势驱动的移动界面设计
• 如何在交互设计中增加趣味性提升愉悦度？
• 移动应用的空状态界面设计
• 交互设计新手必看！探秘抽屉导航的前生今世
• 隐藏在背后的交互设计
• 资讯类app阅读列表的交互设计
• 提高移动电子商务销售的交互设计模式
• 为乐趣设计——游戏交互设计的独特之处

移动 APP 动效设计

• UI中的基本动效（上）
• UI中的基本动效（下）
• 设计转场动效
• 从注意力维度谈动效设计
• 关于动效--要潜移默化，还是要引人注目？
• 流动之美——探讨移动动效设计

优秀作品分析

• 详解Path 2.0的UI设计
• Tumblr UI设计：简短，简单，更有焦点
• 无法忘怀的色彩：移动界面设计中的渐变
• App细节设计系列：Pinterest的交互设计
• 那些令人难忘的移动交互设计（GIF动态图）

资源篇

我们总结了一些对学习设计有用的资源，包括Dribbble上follower最多的设计师和团队、国内设计博客和一些工具网站，放在这里分享给大家。

People

• Mike | Creative Mints （Dribbble / Site）
• Eddie Lobanovskiy （Dribbble / Site）
• Dan Cederholm （Dribbble / Site）
• Creativedash （Dribbble / Site）
• Kerem Suer （Dribbble / Site）

Blog

• 腾讯系： （CDC / ISUX / MXD / TGideas）
• 阿里系： （淘宝UED / UED / 国际UED / MUX）
• 百度系： （MUX / 大UE / FEX）
• 其它： （新浪 / 微博 / 网易 / 搜狐 / 携程）
• 个人： （hi-id / JJ YING / MVBen / Aric）

Utilities

• CocoaChina代码库
• hackdesign
• Inspired UI
• UI Patterns
• Origami