第5质感的通用层,平台层,业务层

5. 质感

作为物体材质给人带来的感受,在界面设计中常指视觉表现模拟真实物体的效果,效果越强质感越强。材质、纹理和光影是构建质感的关键元素。

5.1 通用层:移动界面的质感

在通用层,按质感强弱可分为:拟物、新拟物、半扁平、扁平。设计师需要依据产品功能选择适合的质感

拟物、扁平和半扁平

拟物之所以发展为扁平,是因大众审美,信息降噪等因素,而引发的设计趋势;扁平化是基于极简的设计理念,以信息最大化为目标的设计趋势;但随着互联网产品越来越趋同,质感的应用又悄然而生,半扁平化进入大众视野。

新拟物的兴起

在反趋同的趋势下,诞生了「Neumorphism」新拟物。比起半扁平,新拟物通过模拟光效,利用阴影参数显出物体的厚度,除了dribbble上的概念方案,现应用于音乐、遥控类的产品设计中。

5.2 平台层:组件质感

在平台层,质感常作用于控件和组件容器上,为突出起可操作性。

应用于按钮的光影:按钮的光影是模拟光照射在纯色按钮上形成的渐变效果,这种真实感使设计更贴近用户,增加吸引力和点击感。

应用于遮罩的毛玻璃质感:遮罩用于区隔交互控件前后模块,常通过毛玻璃效果提升页面的品质感,并起到拉开层级,强调视觉重心的作用。

5.3 业务层:图标质感、背景质感

在业务层,因业务特殊性,可通过增强质感表现,提升业务感知和吸引力,常应用于业务图标和背景。

图标质感从抽象到写实:区别于系统图标的简单性,业务图标在吸引力和信息传达上有更高的诉求,因此业务图标的质感表现有更多的发挥空间,可根据业务的细化程度,选择半扁平质感、拟物质感或者实物质感。

背景质感的定义与应用:背景质感可以理解为背景的纹理,常用于营销设计场景中,帮助增强氛围提升业务感知,常用的纹理有自然纹理和创造纹理。

你可能感兴趣的:(第5质感的通用层,平台层,业务层)