Photoshop CC UI设计案例教程(全彩慕课版·第2版)
上QQ阅读APP看书,第一时间看更新

1.4 UI设计的风格表现

UI设计的风格在2017年由以拟物化为主转化到以扁平化为主,因此UI设计的风格主要可以分为拟物化和扁平化两大类,如图1-6所示。

图1-6

1. 拟物化风格

拟物化风格主要通过高光、纹理、阴影等效果模拟现实物品的造型和质感,将实物在UI设计中再现,拟物化图标如图1-7所示。

图1-7

拟物化风格优点如下。

• 识别度高,用户的学习成本低。

• 视觉震撼力强,在屏幕中模拟实物效果往往会表现较好的质感。

• 用户体验良好,可以令用户与真实世界联系。

拟物化风格缺点如下。

• 设计费时,需要花费设计师大量的时间。

• 功能较弱,过分强调拟物效果,忽视UI的功能。

• 占据内存,拟物效果转化为图片将占用大量的加载时间。

2. 扁平化风格

扁平化风格去除了诸如透视、纹理、渐变等冗余、厚重和繁杂的装饰效果,运用抽象、极简和符号化的设计元素进行表现,扁平化图标如图1-8所示。

图1-8

扁平化风格优点如下。

• 高效便捷,扁平化设计具备一致性和适应性,因此设计更加便捷。

• 信息突出,减少用户认知障碍,产品更加易用。

• 简约清晰,比起拟物化设计的沉重,扁平化的轻量设计使界面焕然一新。

扁平化风格缺点如下。

• 缺乏情感,界面传递的情感有时会过于冰冷。

• 不够直观,用户需要一定的学习成本。

• 用户体验降低,扁平化设计的代入感较弱。