上QQ阅读APP看书,第一时间看更新
1.4 UI设计的风格表现
UI设计的风格在2017年由以拟物化为主转化到以扁平化为主,因此UI设计的风格主要可以分为拟物化和扁平化两大类,如图1-6所示。
图1-6
1. 拟物化风格
拟物化风格主要通过高光、纹理、阴影等效果模拟现实物品的造型和质感,将实物在UI设计中再现,拟物化图标如图1-7所示。
图1-7
拟物化风格优点如下。
• 识别度高,用户的学习成本低。
• 视觉震撼力强,在屏幕中模拟实物效果往往会表现较好的质感。
• 用户体验良好,可以令用户与真实世界联系。
拟物化风格缺点如下。
• 设计费时,需要花费设计师大量的时间。
• 功能较弱,过分强调拟物效果,忽视UI的功能。
• 占据内存,拟物效果转化为图片将占用大量的加载时间。
2. 扁平化风格
扁平化风格去除了诸如透视、纹理、渐变等冗余、厚重和繁杂的装饰效果,运用抽象、极简和符号化的设计元素进行表现,扁平化图标如图1-8所示。
图1-8
扁平化风格优点如下。
• 高效便捷,扁平化设计具备一致性和适应性,因此设计更加便捷。
• 信息突出,减少用户认知障碍,产品更加易用。
• 简约清晰,比起拟物化设计的沉重,扁平化的轻量设计使界面焕然一新。
扁平化风格缺点如下。
• 缺乏情感,界面传递的情感有时会过于冰冷。
• 不够直观,用户需要一定的学习成本。
• 用户体验降低,扁平化设计的代入感较弱。