看了几本UI设计相关的书，从前端开发的角度来总结下读书笔记。

第一本书《app设计规范》

app UI 设计阶段：  （学习UI设计师从产品设计开始到结束做了什么）

1. 第一痛点创意

2. ‘交互界面’思维导图
利用“思维导图”的发散思维模式，延伸、细化、穷举、关联一切‘交互界面’

3, 'IO’ 表串
即对‘交互界面’的穷举。在团队合作设计时，通过对每个IO 表内容的反复PK 以及所有IO 表串逐一模拟，可以避免进入coding 阶段后的大部分返工纠纷和版本争论，特别适合UI 和coding 独立性很高的开发组织模式。

4. 界面草图

此步重点是界面布局，需要遵循的原则有：

* 手机屏幕是从上到下布局的，重要的信息会放在上方。但是在操作上，大部分人时单手操作的，操作要放在界面的下方。

* 最小的触摸单位是44像素
* 消除界面的切换‘预期’的不平滑： 隐藏或去掉不重要内容，果断分区，帮用户决策

5. 低保真原型
重点是不要陷入过多的细节，低保真只是把你纸面上的界面草图数字化，便于在电脑上持续的改进

6. 高保真原型

使用Photoshop等设计注重细节和精度的高保真原型

7. 视觉效果

视觉反馈；隐喻

8. 设计交付物

icon; 最简交互界面导图； 低保真原型，高保真原型，切片图

第二本书《移动应用ui设计模式》

这本书比较细致将app中常用模块，都分门别类的介绍了一遍。

因为此书描述得实在太详细了，所以我只粗略看了一遍。

此书的作用对于开发来说吧我觉得是，如果UI设计师出了某个设计你觉得太麻烦了，你就可以提意见了：列表式菜单太丑了咱们可以做隐喻式菜单，自动补全搜索太麻烦了何不试试分类搜索………^^

目录

1. 不好的设计一般有下面的负面评价：

* 软件崩溃

*缺乏某些关键功能（同步，过滤，链接账户……）

*糟糕的导航（无法返回，找不到某些东西……）

*混乱的界面设计
2. 导航模式

主要的导航模式

3. 常见的表单模式

常见表单模式

4. 搜索和过滤模式

常见搜索模式 常见过滤模式

5. 视觉吸引

包括：对话框，提示（冒泡），使用向导，视频演示，幻灯片，首次使用引导，持续视觉吸引，可发现的视觉吸引

6. 反馈与功能可见性
常见反馈模式：出错（Errors）、确认（Confirmation）、系统状态（System Status）。

功能可见性模式：触摸（Tap）、滑动（Flick）、拖曳（Drag）
其中要注意：
* 出错信息应该以纯文字的形式展现给用户（不要用代码），应该一语中的，并主动向用户提供解决办法。
* 当用户执行某一操作时，系统应该让用户对其进行确认。但一定要避免造成愚蠢的对话框之类的反模式，寻求不打断用户使用过程的方法来提供反馈信息
* 斜角和阴影等视觉设计技巧能让界面元素看上去是可触摸的
6. 反模式
也称为“陷阱”， 通常指对于某些问题没有实质性革新的、糟糕的解决方法。
* 标新立异： 用户难以理解，产品很难使用
* 隐喻错位： 控制项或图标使用不当，如应用的概念模型和用户的心理模型不匹配
* 愚蠢的对话框：迫使用户暂停
* 图标垃圾： 在图标或图形中，那些多余的无助于用户理解图标信息，或者让浏览者分心的视觉元素
* 按钮海

第三本书《android design 4.1》