Three说:上次我们讲到了详情页中一些增加节奏感的手法,除了节奏变化外,还需要了解另一种方法,那就是统一性的运用,两者相互结合使用,这样整个详情页看下来,才会给人一种既统一又不单调的感觉。
因为详情页需要很多屏组合,过多的寻求变化会给人一种很乱的感觉,让人觉得这些页面不是一个整体。所以需要先做统一性,再在统一当中找变化,那么有哪些地方是需要我们进行统一的呢?
详情页的首屏可以不受统一的限制
01、距离的统一
这里的距离包括:页边距的距离,文案之间的距离,屏与屏之间的距离等。
我们来看一下图例,这是一套详情页当中的两个单屏,可以看出画面的页边距和文案之间的距离都是统一的。
02、字体和字体大小的统一
当我们确定好字体的时候,整个详情页下来都要选用确定的字体,因为不同的字体会给人不同的感觉,还有就是字体用多了的时候,会给人一种很乱的感觉。
可以看出图例中的字体都是选用一样的字体,并且字体的大小都是统一的,当我们要用英文的时候,应该选择英文字库的字体,不要直接用中文字库的字体。
03、风格、效果的统一
我们想使用一些效果做出不一样风格的画面时,确定效果或风格后,需要对整体画面的效果进行统一。
这是一个国风详情页的两个单屏,可以看出画面当中的分割样式和字体的效果处理,都做出了统一,当我们用效果或者图层样式的时候,也要注意一下统一性。
这里的色调统一不只是代表只能用一种颜色来进行统一,也可以是多种颜色,使用多色搭配时,要注意色彩饱和度与明度的处理。
这个案例中运用的两种颜色,可以看出明度高饱和度低,也就是色调十分的接近,就算去除画面的当中文案再看这两个单屏,还是很容易看出这是一个详情页出来的两个画面。
评论0