首页 > 科技 >

扁平化UI设计的空间表达!

2018-09-18 09:05:37 网络整理 阅读:56 评论:0

文/张剑 扁平化UI因其易用、高效、友好的特性使它广泛应用在移动终端,但是扁平并不完全意味着对空间属性的抛弃,降低视觉效果的信息干扰才是目的,它可以通过平面设计的语言和交互的隐喻来实现空间的表达,而用户在关注信息的意识焦点之外能够自然的感受到界面中空间的存在。对UI空间塑造主要有以下方式:

扁平化UI设计的空间表达!

色彩和形体

①通过色彩表达空间感。在拟物化的UI设计中,可以模拟材质和纹理来表现空间感,通过对不同的质感、纹理和颜色组合形成丰富多彩的界面视觉空间。但是扁平化UI的典型特征就是不使用材质和纹理,主要通过色彩对比来形成空间的深度。不同的色彩具有不同的属性,,我们可以利用色彩的明度、纯度和色相对比来获取界面的空间感。

扁平化UI设计的空间表达!

一般情况下,暖色、纯色、高明度色、集中色等具有前进的感觉;而冷色、浊色、低明度色、分散色等则具有后退的趋向。冷色调给人以后退的心理感受,暖色调给人以前进的心理感受。在黑背景上,亮色具有前进感,深色具有后退感;在白背景上,亮色具有后退感,深色具有前进感。

扁平化UI设计的空间表达!

在其他条件相同的情况下,纯度越高的色彩越具有前进感;纯度越低的色彩越具有后退感。界面设计师可以利用色彩变化表现空间感的技巧来营造界面中更为真实丰富的空间效果。

相关文章