移动互联网时代对设计师们已是一个老生常谈的话题,移动端时间碎片化、场景复杂化、屏幕限制化等特点对用户体验对于移动用户来讲越来越重要。江湖传言,得交互者,得天下,得移动者,得未来,移动与交互设计的强势结合,优秀的用户体验设计将会成为产品在竞争中立于不败之地的有力筹码而形成的“产品差异化”设计。
【iPhone界面规范】
移动端尺寸都有一定的规律可循,注意观察下方可视图,小编很懒,这里不多做解释,设计师自行观察,不明白的地方@小编……
【iPhone图标尺寸】
图标的尺寸要统一尺寸,24px、32px,48px等尺寸。新手设计师往往忽略了这一点,想当然的画图标。(本团队设计组成员就犯过类似的问题,在这里特点提醒,不要疑惑,就是要统一大小)
[UI的布局]
好的UI布局方式会直接影响APP的视觉效果,能用户带来愉悦的体验。小编本节只做概念上的介绍,仅供大家参考:
一、列表式布局,内容从上向下排列, 层次展示清晰明,构图简洁又大方。
二、陈列馆式布局,平均网格,放置多个菜单。
三、九宫格布局,清晰展现各入口,方便快速查询。
四、选项卡式布局,减少界面跳转的层级, 快速内容切换。
五、旋转木马式布局,通过手势滑动查看更多内容,聚焦度高,但也容易忽略后面的内容展示。
六、行为扩展式布局,清楚当前分类位置,减少页面层级跳转。
七、多面板布局,呈现当前分类所在入口位置,减少页面层级跳转。
八、图表式布局,用图表的方式直接呈现信息,直观。
[字体大小]
最小字号为20px,常见的有:24px、26px、28px、30px、32px、34px,36px等。
[字体]
中文用苹方黑,英文用San Francisco;
[UI交互手势]
一、点击:按压或者选择一个对象;
二、拖拽:界面一边移动到另一边;
三、滑动:快速滚屏或移动对象;
四、手指轻扫:展现更多内容(列表的删除按扭);
五、双击:内容放大置于屏幕中间,放大和缩小转换;
六、双指张开或闭合:对内容放大或缩小;
七、长按:光标定位;
我们在设计时也会自觉的遵守以上的UI设计原则,做为一名设计师不光只是掌握一些设计技巧,更要善于分析人机交互、操作逻辑,让整个操作过程更加简单、流畅,体现产品定位和特点。