最近想看一系列设计方面的书籍，虽然不做页面设计，但在软件实现的过程中，也想知道为什么页面需要这样写。
目前的书单是：《品味移动设计》赵大羽，关东升；《精彩绝伦的Android UI设计》Juhani Lehtimaki；《创意UI》Art Eyes设计工作室。
UI：用户界面设计，包括操作逻辑、人机交互、界面的整体设计。是最全面的一个概念。
GUI：图形用户界面设计。
ID：交互设计，包括人、环境、设备的关系和行为。所以面会比较宽，涉及到人体工程学、心理学、生物学等多个学科。
UE：用户体验设计。用户分析，知道用户的期望和目的，让用户对产品的体验有正确的预估。
第一步：产品目标与定位。
【A】 不为外表华丽。用户得在手机屏幕，而且使用时间是零散而碎片化的。可能是上厕所的时候突然想打开某个软件玩一玩，或是睡前很困想进行一些闹钟的设置。所以初始化时间尽可能短，界面易操作。
【B】 不为功能强大。一个页面承载的功能不能复杂，都拥挤到一起，学习成本很大。”The Typography Manual”字体排版手册，是一款专门针对设计师的字体排版速查手册，界面简洁大方，操作快速便捷。
【C】 别让它”大而全“，它只是万千应用中的一个，但要有价值。可以前无古人，也可以做出类拔萃的那一个。
【D】 如何能出类拔萃：个性化，不可复制。可以创造出一套独特的奖励机制，增加用户的成就感；也可以针对特定的人群，提炼出他们的共性，打造成自己的个性；还可以抓住用户的好奇心，虚构出一些事件但没有结果，再定期发布事情的进展，或者虚构一个人物，定期透露他的绯闻等；最实际莫过于能够创造出比别人更简单有效的解决问题的方法，或者解决同样的问题能更便宜甚至不花钱。
【E】 了解应用的使用者：人口统计分类；心理分类（划分与应用相关事物的观点和看法不同的人群，并以此为根据提炼出不同种类的用户需求）；技术需求分类（）；社会角色分类。
第二步：完成草图设计
【A】 创意哪里来：头脑风暴。有“创造性风暴“和”质疑性风暴“
议程：
（1） 明确的方向或议题（开放又有方向）
（2） 选择不同背景的5-15人
（3） 所有参会者大声说出想法而不允许批评
（4） 主持人不能限制思维的方向、类型和数量
（5） 记录员记录
（6） 讨论，评估结果（质疑性风暴），筛选出最佳
【B】 想法画出草图
草图设计工具推荐：
i. Balsamiq Mockups
ii. OmniGraffle
【C】 检验与分享结果
把草图放到某一种使用场景下，可以做可用性测试，也可以查漏补缺。
第三步：知晓移动应用的交互特点
【A】 了解移动设备
a) 移动设备的规格和像素尺寸
b) 使用方法：Home键在所有操作平台上，都是回到启动界面。Android手机，“菜单键”可以在任何情况下打开系统或应用程序的功能菜单，前提是应用程序设置了菜单选项，“返回键”则是在任何情况下返回上一级界面，或是关闭当前的功能或程序，直到退出应用程序返回到桌面为止。
i. Android和Windows phone平台都有“返回键”所以不必考虑设置页面导航的返回控件。而IOS没有，所以充分考虑页面跳转和返回主页的方式。
【B】 移动设备的人体工程学特点
a) 拇指的操作区域。可以把屏蔽按拇指点击舒适度进行区域划分。
b) 单手与双手操作
i. 单手的手势：横向滑动，纵向滑动，双击，长点，长点加拖动
ii. 多手指手势：“捏”和“抻”，双手指双击，抓和放
c) 指尖：IOS纵向高度一般是44点（88像素）依据拇指点击占区域大小来设定的
【C】 移动设备的视觉体验
a) 视觉的运行轨迹：“眼球轨迹”的报告：大多数情况下浏览者都不由自主地以“F“形状的模式阅读网页。这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。
b) 优化视觉结构
i. 对数字进行分割：如电话号码，四位组在一起显示
ii. ”识别并选择“与”回忆并输入“容易：即给用户特定的东西进行选择，比你告诉规则让用户自己输入更容易。
iii. 迎合视觉惯性：按钮按下的特效。
iv. 使用图像而不是文字来描绘：人们对于图片的兴趣远比一堆文字强
v. 使用黄金分割和”井“字形分割（让页面上的元素按照横向和纵向的三等分去填充，也叫”三分法“）
c) 图片与文字的视觉关系
i. 像素要大
ii. 尽量选择简单、干净、清晰的特定图片
第四步：应用程序导航
【A】 IOS
a) 平铺
i. 分屏：如页面下边两三个小圆点，表示可以翻页
ii. 分页：书页应用
b) 标签导航
i. 屏幕下方的Tab
c) 树状导航
i. 左右分屏（pad上），或者由箭头指向另外的页面（邮箱）
Android, Windows Phone同IOS
第五步：标准控件与设计规范
每一种平台都有其差异的风格：IOS圆角，Android喜欢用单线进行分割，WindowsPhone 矩形，拒绝圆角，图形简单大气，线条粗壮有力。
第六步：个性化视觉体验