购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.1 认识移动UI设计

UI是User Interface(用户界面)的缩写。UI设计是指对应用程序的人机交互、操作逻辑、界面美观性的整体设计。好的UI设计不仅要让应用程序的外观有个性、有品位,还要让应用程序的操作变得舒适、简单、自由,充分体现应用程序的定位和特点。

移动UI是指移动互联网产品的UI。不管是苹果的iOS系统、Google的Android系统,还是运行在这些系统上的App,它们的开发都离不开移动UI设计。移动UI设计不仅仅是视觉传达中所说的美化界面设计,也因为交互体验是建立在“看见后再执行”这一基础之上的,所以它还必须要满足视觉的“看见”才会有后期的交互操作的设计。由此可知,对于移动UI设计的研究必然离不开“视觉”二字。

下图展示了UI与视觉的关系,移动UI也是如此,只不过它是将设计对象落在了移动设备上。

对于在计算机上运行的应用程序来说,它们的UI设计能够使用的屏幕尺寸较大。而移动UI设计能够使用的屏幕尺寸要小得多,并且将计算机上的鼠标和键盘操作用移动设备上的手指操作代替,如下图所示。这是移动UI设计的一个难点。

移动UI设计中的另一个难点是基本无法用一种方案适配所有的移动平台,其兼容性要求更高,而且大多数移动平台可以发挥的空间非常有限。因此,移动UI设计并不是一件容易的事。

移动UI设计对App的推广起着至关重要的作用。大多数用户并不关心App的功能是如何通过代码实现的,他们关心的是UI的视觉效果是否美观、操作方式是否简便和实用等“可感知”的因素。因此,好的移动UI设计不仅要满足用户的审美需求,而且要满足用户对使用体验的需求,这样才能吸引并留住用户。

下图所示为两个较优秀的移动UI设计案例效果展示,它们利用简洁的按钮和图标等元素组成了完整的界面,并对信息的排版进行了精心设计,使用户能直观地了解App的主要功能和操作方式。 p1ZiINUXzdGuiEyd1Vmo1kNDA1T1H2Q8XWwHiBIjybgE8OmRgQYKm/G/dnIs5+bD

点击中间区域
呼出菜单
上一章
目录
下一章
×