五分钟带你了解UI规划风格分类

时间: 2023-04-26 18:18:42 |   作者: 半岛体育

  经过凭借日子中的实体物品进行规划,将什物的触感、质感和纹路真实地反映出来,给用户带来更多的真实感,然后添加UI界面的亲和度和了解度,让用户直观了解图标表达的信息,更好更快地上手操作,下降学习本钱。

  前期的UI界面风格多为拟物化风格,常见的有回收站的垃圾桶图标、文件夹的文件图标等。

  首要是运用简略的色块和形状完结规划,风格精约,杰出重点,弱化了装修性突变和纹路,是一种极简规划,给用户带来了愈加洁净明晰的体会,让用户快速获取信息,全体画面简练,进步工作效率。

  扁平化风格是在2013年左右开端流行起来的UI界面风格,也是广受欢迎的一种风格。

  轻拟物是经过突变及光影作用来出现元素的立体感及细微的质感,色彩自由度较高。

  什么是新拟态呢?新拟态便是在界面中参加光影作用及突变来模拟出元素的立体感。可是和拟物化又不同。新拟态首要是在卡片和按钮上做杰出或洼陷的浮雕作用,比较有现代感和科技感。界面全体饱和度较低,元素自身不会出现艳丽的色彩。

  经过添加透明度,布景含糊,展现出丰厚的层次和磨砂玻璃的质感,常用于界面布景规划,恰当装修能够让界面更具吸引力。

  色相又称色别或许色彩,是色彩的称号和容颜。它是色彩最基本的特色,决议上色的质,是差异各种色彩的首要标志。色相决议于照射到人眼中的光谱成分,也即光的波长。波长不同的光,在人眼中就出现出不同的色相。咱们常说的“赤橙黄绿青蓝紫”便是其间不同的色彩。

  纯度是指一个色彩是否纯洁,是否添加有其他色彩。想要色彩在纯度上有所改变,那么能够经过添加黑色,白色乃至是灰色使其相混,发生程度不同的色彩。纯度不同,人们所感受到的色彩的特色也是不同的。若一个色彩的纯度较高,则意味着该色彩会给人一种向前冲的感觉,相反,纯度较低,色彩较为杂乱,则会出现向撤退的态势。

  明度,便是指一个色彩归于亮色仍是暗色,其深浅怎么。经过对色彩的明度进行调理,能够展现出不同的层次感。随意一个五颜六色与白色相混合,则其亮堂程度将会进步,但若是混入黑色则会变暗,明度有所下降。从光影学的视点来看,一个色彩若是明度较高,则给人一种向前冲的感觉。若明度较低,则人们会感受到该色彩呈不断撤退的趋势。经过将五颜六色与其他的色彩,尤其是黑色和白色相混合,能够添加该色彩的层次感,一起在明度上给人一种全新的体会。(如下图是同一色系的明度改变,越往左明度越高,反之则越暗)

  特色:色彩轻捷、柔软舒适,亲和力强,不易形成视觉疲惫;但比较较高饱和度的模块视觉吸引力弱,表现力不行抢眼。

  常用表现手法:布景色,模块部分布景常选用这种做法,主元素能够用高饱和度的去装点,让画面主次明晰。

  特色:吸引力强,色彩艳丽,视觉杰出,但在规划中要注意经过色彩来区别模块的层级联系;缺陷,长期观看简略形成视觉疲惫。

  表现手法:大面积选用高饱和度布景规划,常用于气氛比较激烈的活动页;有些留白页面能够部分选用高饱和度色块或许图标进行装点规划。

  市面上的规划风格大体上如第一种分类那样,这儿也经过色彩的饱和度维度进行简略区别展现,想让我们更多的了解规划,多一种表现手法。