移动UI界面设计.pptxVIP

项目一移动UI界面设计基础

熟悉移动UI设计了解UI设计UI即UserInterface的简称。UI设计则是指对软件的人机交互、操作逻辑和界面美观的整体设计。好的UI设计不仅能让软件变得有个性有品味，还能让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

熟悉移动UI设计了解UI设计UI设计的范围很广，大到Windows操作系统，小到输入法软件，都有UI设计的身影。日常生活中常见的银行取款机界面和排队机界面也都属于UI设计范畴。

熟悉移动UI设计了解UI设计UI设计按照其职能划分可以分为图形设计、交互设计和用户测试/研究三部分。

熟悉移动UI设计了解UI设计图形设计通常指的是软件产品的“外形”设计。交互设计主要设计软件的操作流程、树状结构和操作规范等。交互设计是UI设计中最重要的环境，通常一个软件产品在编码之前需要完成的就是交互设计，并确立交互模型和交互规范。用户测试/研究则是测试交互设计的合理性和图形设计的美观性，主要通过目标用户问卷调查的形式来衡量UI设计的合理性。

熟悉移动UI设计了解移动UI设计移动UI设计通常指的是智能手机、平板电脑和智能手表等移动设备中应用程序的UI设计，如图所示为常见的移动设备。

熟悉移动UI设计了解移动UI设计移动设备中的应用程序就是指被用户经常提起的APP。APP是APPlication的缩写，主要指安装在智能手机上的软件，用来完善原始系统的不足和个性化，为用户提供更丰富的使用体验，如图所示为淘宝和交管12123APP首页效果。

熟悉移动UI设计了解移动UI设计用户在选择移动端软件时，通常会选择界面视觉效果良好并具有良好体验的应用软件。目前市面上的移动应用软件非常多，但这些软件良莠不齐，界面各异。如何满足用户要求，如何使自己的软件盈利，都是设计师需要考虑的内容。

熟悉移动UI设计移动UI与平面UI—屏幕尺寸不同移动设备的屏幕一般都比较小，又受到不同系统的限制，因此每一个页面中所摆放的东西较少，需要通过多层级的方式扩充内容。而平面UI则没有这个顾虑，每一页中都尽量多放东西，从而减少层级。

熟悉移动UI设计移动UI与平面UI—屏幕尺寸不同例如PC端的淘宝店铺，整个页面尺寸较大，可摆放内容的空间也大，用户只需要通过二级页面就可以看到想要的内容。

熟悉移动UI设计移动UI与平面UI—屏幕尺寸不同移动端的淘宝店铺层级较多，有五个大的层级，用户想要找到感兴趣的商品，往往需要一层一层的查找，如图所示点击了“天猫”栏目后只是进入到了天猫页面。

熟悉移动UI设计移动UI与平面UI—设计规范不同平面UI通常使用鼠标操作，而移动端UI则使用手指。鼠标操作的精度非常高，而手指的精确度则相对较低。因此平面UI的图标一般都比较小，而移动端的图标则要大很多，如图所示微信PC端和手机端图标大小的对比。

熟悉移动UI设计移动UI与平面UI—设计规范不同

熟悉移动UI设计移动UI与平面UI—UI交互操作不同平面UI中可以展现的UI交互操作习惯更多，例如单击、双击、按住、移入、移除、右击和滚轮等多种操作；而移动端的功能相对较弱，只能实现点击、按住和滑动等操作。

熟悉移动UI设计移动UI与平面UI—UI交互操作不同例如移动端爱奇艺视频，左边上下滑动可以调整亮度，右边上下滑动可以调整声音，最下面左右滑动可以调整视频的进度，双击可以暂停播放，如图所示为移动端爱奇艺UI界面。

熟悉移动UI设计移动UI与平面UI—UI交互操作不同PC端的爱奇艺视频，则是通过单击、双击、右击和滚轮进行多种操作，如图所示为PC端爱奇艺UI界面。

移动UI设计的平台分类Android系统Android公司于2003年在美国加州成立，2005年被Google公司收购。Android是一种以Linux为基础的开放源码操作系统，主要应用于手持设备。2010年末的数据显示，仅正式推出两年的操作系统Android已经超越了塞班系统，一跃成为全球最受欢迎的智能手机操作系统。

移动UI设计的平台分类Android系统Android系统用甜点为系统的各个版本进行命名，从Andoird1.5发布开始，作为每个版本代表的甜点尺寸越变越大，并按照26个字母进行排序。从Android1.5开始到Android9.0，依次为纸杯蛋糕、甜甜圈、松饼、冻酸奶、姜饼、蜂巢、果冻豆、奇巧巧克力、棒棒糖、棉花糖、牛轧糖、奥利奥、派。如图所示为甜甜圈和姜饼的图标。相对于iOS系统来说，Android系统具有系统开源、跨平台性及应用丰富的特点。

移动UI设计的平台分类Android系统

移动UI设计的平台分类Android系统—系统开源A