1.1 认识移动UI设计

移动UI设计就是将移动通信和UI设计合二为一，结为一体。一个好的移动UI设计不仅能让软件变得有个性、有品位，还能让软件的操作变得舒适、简单、自由，并能充分体现出软件的定位和特点。

1.1.1 什么是移动UI设计

UI（User Interface）是用户界面的简称。UI设计是指对软件的人机交互、操作逻辑、界面外观的整体设计。主要分类有平面设计、Web前端设计、移动端设计、交互设计等。而移动UI设计以手机移动端为例，手机上的界面都属于用户界面。用户日常通过这个界面向手机发出指令，手机会根据指令产生相应的反馈。用户界面设计不仅要考虑如何让界面美观，还要考虑如何摆放按钮、控件、菜单等，将小部件结合成整个界面。

1.1.2 移动UI设计的目的和重要性

移动UI设计的目的是让用户理解程序的用途，并快速地操作程序。外观和视觉感不是界面设计的主要目的，界面的主要目的是沟通，通过沟通让用户理解界面程序。

移动UI设计包括美化和交互两个方面。为了让读者直观地了解UI设计的重要性，下面用UI设计前和UI设计后的界面图进行对比分析。

设计前的界面没有明显的特点。

（1）界面过于简单，界面颜色单调，没有美感。

（2）“登录”按钮没有立体感，像阅读文字。

设计后的界面有了明显的特点呈现。

（1）界面内容丰富，具有时尚感和立体感。

（2）“登录”按钮使用了渐变效果，并增加其他选项。

（3）增加头像展示，添加其他的登录方式，使操作更方便。

设计后的界面更加舒适和美观，因此对于智能设备来说，移动UI的设计是非常重要的。

1.1.3 平面设计和移动UI的不同

平面设计涉及的范围非常广，例如，报刊、展示架、包装、封面等，而移动UI的范围基本被限定在移动终端设备APP上。移动UI特殊的尺寸要求、布局排版、组件类型等使很多平面设计者不能直接进行移动UI设计。

同一款UI设计在不同的设备上所呈现的效果不同。下面是同一款软件的UI设计在计算机和移动设备上分别所呈现的效果，可以直观地看到，即使是同一个功能页面，其所呈现的内容差距也是非常大的。

1.1.4 移动UI设计的重要元素

移动UI设计中有以下5个重要的设计元素。

布局和定位

布局和定位指的是界面的版面结构。

形状和尺寸

通过形状，让人迅速地对界面内容进行辨识。

颜色

界面内不同的颜色，代表的含义不同。界面中红色的按钮或控件表示危险、停止、警告等，而绿色的按钮则代表继续或成功，这两种是最常见和最明显的界面控件颜色的表达，当然，如果不是提醒式按钮的话，一般会根据界面颜色来设定按钮颜色。

对比

界面内设计的内容可以通过加强对比来提高辨识度，如黑白；而降低对比可以融合界面效果，界面中通过加强和降低颜色之间的对比，可以让用户分清界面内容的主次。

材质

界面内设计的不同材质的图标，会展示出不同的效果。