- Photoshop CC 移动UI设计案例教程(全彩慕课版)
- 胡金黎 朱海燕
- 609字
- 2025-02-23 06:15:07
1.1.3 移动UI设计的特点
移动端界面的设计特点可以总结为设计极简、交互丰富及设计适配3个方面。
1. 设计极简
随着全面屏手机的发行,移动设备的屏幕较之前在尺寸上有了较大的提升,但相对于PC和笔记本电脑而言还是较小。因此,要在有限的空间中进行元素的设计不宜太过复杂,不然不利于信息的传递。纵观移动UI的设计发展,设计风格也是从拟物化向扁平化发展,甚至为了更好地进行信息展示,iOS11之后的界面都是围绕着“大而粗、简而美”的设计风格进行设计的,如图1-4所示。

图1-4 美国设计师Johny vino创作的界面
2. 交互丰富
2007年1月,乔布斯在旧金山发布了第一代iPhone,开启了移动设备的智能化。智能化的移动设备较之前的传统手机拥有更加友好的用户体验,这源于它的多点触摸屏和传感器。由此造就了手势交互、语音交互、重力感应交互等一系列更加丰富的交互方式,如图1-5所示。因此,设计师在进行移动界面设计时还应充分考虑到这些人机交互的形式,提升用户参与产品使用的积极性,同时还要注意交互过程的简洁,方便用户顺利达成目标。

图1-5 通过点击、滑动等手势完成目标
3. 设计适配
由于现有的智能手机、平板电脑型号呈现多样化,设计师进行设计时,应充分考虑文字、图标、图像甚至是界面布局等适配的问题。就移动应用来说,设计师通常会选用一款常用的、方便适配的屏幕尺寸进行设计,而后不必再大规模对其他尺寸屏幕的界面进行重新布局,只需针对不同屏幕尺寸进行切图输出,然后再交由技术端进行适配即可,如图1-6所示。

图1-6 不同的屏幕尺寸