最近可能要做移动端的UI设计,对于我这样一个几乎无移动端设计经验的人来说,还是有点麻烦的,不过在网上读了一些关于移动端的UI设计小知识,今天先记下来。之前一直在设计PC端的界面,今天说一下我今天读到的PC端和移动端的UI设计不同之处。
一、使用场景
PC端,电脑,鼠标,基本是在固定区域,流动性小,移动端,手持设备,基本单手触控屏幕,地点较不固定,比如上下班途中的地铁、餐桌、睡觉前等,流动性大。
二、设备尺寸和分辨率
PC端,大屏,可以尽情展示信息内容,或者有一些可有可无的都可以放在界面里,手持设备,屏幕小,展示的信息少,所以设计时尽可能的精简,别浪费地方,尽量少装饰,要多展示信息内容本身。
三、操作习惯
PC端就不说了,移动端说一下确定和取消按钮,一般人的视线是从上到下,从左到右,按照常理应该是确定在左,取消在右,但是,在很多安卓APP和苹果的界面设计中是取消在左,确定在右,确定和取消就好比是上一步和下一步一样,取消就相当于返回前面或原地不动,确定就相当于进入下一步操作,而且,苹果在肯定得操作上做高亮显示,除非,有一些特别的高危险后果的,取消是在右侧。
四、icon的几何定义
圆形:圆滑,有聚焦作用,一般用于指令、判断,可触控,会发生动作、行为,例如错误、正确、搜索等;
三角形:警示;
方形:提示,注意,陈述等。
五、字号
一般在PC端字体等级区分的可以夸张些,屏幕大,稍微夸张一些都没问题,但是别太过,移动端,地方有限,稍微有不同的就会被人眼识别,所以对比度可以降低,这样可利用率也能上去,一般黄金比例为1.618,但是移动端不能对比太强,1.382就够。
这只是我读到的一点点点点,还有很多很多没读到的,慢慢积累。