移动端的UI设计

最近可能要做移动端的UI设计，对于我这样一个几乎无移动端设计经验的人来说，还是有点麻烦的，不过在网上读了一些关于移动端的UI设计小知识，今天先记下来。之前一直在设计PC端的界面，今天说一下我今天读到的PC端和移动端的UI设计不同之处。

一、使用场景

PC端，电脑，鼠标，基本是在固定区域，流动性小，移动端，手持设备，基本单手触控屏幕，地点较不固定，比如上下班途中的地铁、餐桌、睡觉前等，流动性大。

二、设备尺寸和分辨率

PC端，大屏，可以尽情展示信息内容，或者有一些可有可无的都可以放在界面里，手持设备，屏幕小，展示的信息少，所以设计时尽可能的精简，别浪费地方，尽量少装饰，要多展示信息内容本身。

三、操作习惯

PC端就不说了，移动端说一下确定和取消按钮，一般人的视线是从上到下，从左到右，按照常理应该是确定在左，取消在右，但是，在很多安卓APP和苹果的界面设计中是取消在左，确定在右，确定和取消就好比是上一步和下一步一样，取消就相当于返回前面或原地不动，确定就相当于进入下一步操作，而且，苹果在肯定得操作上做高亮显示，除非，有一些特别的高危险后果的，取消是在右侧。

四、icon的几何定义

圆形：圆滑，有聚焦作用，一般用于指令、判断，可触控，会发生动作、行为，例如错误、正确、搜索等；

三角形：警示；

方形：提示，注意，陈述等。

五、字号

一般在PC端字体等级区分的可以夸张些，屏幕大，稍微夸张一些都没问题，但是别太过，移动端，地方有限，稍微有不同的就会被人眼识别，所以对比度可以降低，这样可利用率也能上去，一般黄金比例为1.618，但是移动端不能对比太强，1.382就够。

这只是我读到的一点点点点，还有很多很多没读到的，慢慢积累。