The Guide to Mockups
最近在看Uxpin上的一系列电子书，犹如发现宝库一般，一堆一堆的。 那就先从最基本的Mockup，Wireframe以及prototype开始吧
基本就是介绍了Mockup，wireframe ,prototype 之间的区别与概念。
Wireframe是Skeleton骨架，而Mockup就是Skin
因此这三者之间的进展顺序应该是 wireframe>mockup>prototype
通常mockup 的方式可以在纸上直接进行，可能比较耗时，但可以以激起设计师的灵感。
也可以在电脑上做Mockup,工具可以用PS和Sketch，但这就是高保真Mock up了。还有一种叫做中保真Mock ups.
高保真的好处
- 接近最终成品
- 让客户提前看到完成品的样式
- 提前决定字体，颜色，幕布等，不用等到最后prototype再决定
- 如又要修改的会比较方便，而不是等到prototype出来了再去改什么代码，成本太高。
为何不支持Mockups
当然也有人反对Mockup，认为其设计的花里胡哨最终可能无法良好的转化为代码。因此提倡直接在代码上画。
但问题是:
- 代码限制了想象力
- 无法实验多种效果
- 修改成本高
Mockups的作用
其实Mock up就是设计同程序之间的一个衔接，在设计的时候要注意的细节有：
- 命名，同程序员商量命名方式能直接在Xcode上直接使用
- 和程序员商量设计方案的可信性，不要变成飞机稿
- 给不同平台设计的时候一定要遵循其平台特征
在做Mock up的时候也一定要添加Notes，其也能通过颜色的变化显示某种交互的 方式，比如按钮按下去就从白色变成了红色。
及早的同客户沟通，打成共识，将设计的主导权掌握在自己的手上。
访问者浏览习惯
关于网页设计布局需要了解访问者的浏览习惯，我们可以回想一下自己浏览网站的习惯，通常我们是不会去认认真真的看文章的每一个字的，我们用的方式基本都是扫视。
调查实验也发现人们有两种浏览网页的方式，
