- Photoshop CC移动UI设计案例教程(全彩慕课版·第2版)
- 刘军伟 孙杨高 邢亚男主编
- 548字
- 2024-10-24 16:01:13
1.3 移动UI设计的特点
移动UI设计的特点具体可以总结为设计极简、交互丰富以及设计适配3个方面。
1. 设计极简
随着全面屏手机的发行,移动设备的屏幕较之前在尺寸上有了较大的增加,但元素的设计不宜太过复杂,否则不利于信息的传递。纵观移动UI设计的发展,设计风格从拟物化向扁平化发展,甚至为了更好地进行信息展示,已有“大而粗、简而美”发展趋势,如图1-6所示。
![](https://epubservercos.yuewen.com/862967/30903422107069906/epubprivate/OEBPS/Images/016-01.jpg?sign=1739473950-I6U9JZezBoWCRS14izFXID07qw4Om8m8-0-5cfb6a15184d2e4dc155f62324f743cf)
图1-6
2. 交互丰富
2007年1月,苹果公司发布了第一代iPhone,移动设备逐步进入智能化时代。智能化的移动设备较之前的传统手机拥有更加友好的用户体验,这源于它的多点触摸屏和传感器。由此造就了手势交互、语音交互、重力感应交互等一系列更加丰富的交互方式,通过点击、滑动等操作即可实现目标,如图1-7所示。因此,UI设计师在进行移动UI设计时应充分考虑人机交互的形式,提高用户参与产品使用的积极性,同时还要注意交互过程的简洁,方便用户顺利达成目标。
![](https://epubservercos.yuewen.com/862967/30903422107069906/epubprivate/OEBPS/Images/016-02.jpg?sign=1739473950-29gKAyBoOeYYRtrARORpaQwxW96uxPGW-0-aab7412a4c0eba20a73eed92f60cbc2a)
图1-7
3. 设计适配
由于现有的智能手机、平板电脑型号多样,UI设计师在进行设计时,应充分考虑文字、图标、图像甚至界面布局等适配的问题。就移动应用来说,UI设计师通常会选用一款常用的、方便适配的屏幕尺寸进行设计,而后不必再大规模对其他尺寸屏幕的界面进行重新布局,只需针对不同屏幕尺寸进行切图输出,然后交由技术人员进行适配即可,不同尺寸的屏幕如图1-8所示。
![](https://epubservercos.yuewen.com/862967/30903422107069906/epubprivate/OEBPS/Images/016-03.jpg?sign=1739473950-LvKvY41dRn902A85BcNBeCZdZCZHfw2S-0-035f96dda97d18cd0bdd620693e8272c)
图1-8