安晴
Three说:上次我们讲到了详情页中一些增加节奏感的手法,除了节奏变化外,还需要了解另一种方法,那就是统一性的运用,两者相互结合使用,这样整个详情页看下来,才会给人一种既统一又不单调的感觉。
          
因为详情页需要很多屏组合,过多的寻求变化会给人一种很乱的感觉,让人觉得这些页面不是一个整体。所以需要先做统一性,再在统一当中找变化,那么有哪些地方是需要我们进行统一的呢?
   

详情页的首屏可以不受统一的限制

 

01、距离的统一

这里的距离包括:页边距的距离,文案之间的距离,屏与屏之间的距离等。

图片
图例
     
我们来看一下图例,这是一套详情页当中的两个单屏,可以看出画面的页边距和文案之间的距离都是统一的。
    

02、字体和字体大小的统一

当我们确定好字体的时候,整个详情页下来都要选用确定的字体,因为不同的字体会给人不同的感觉,还有就是字体用多了的时候,会给人一种很乱的感觉。

图片
图例

可以看出图例中的字体都是选用一样的字体,并且字体的大小都是统一的,当我们要用英文的时候,应该选择英文字库的字体,不要直接用中文字库的字体。

 

03、风格、效果的统一

我们想使用一些效果做出不一样风格的画面时,确定效果或风格后,需要对整体画面的效果进行统一。

图片
图例
   
这是一个国风详情页的两个单屏,可以看出画面当中的分割样式和字体的效果处理,都做出了统一,当我们用效果或者图层样式的时候,也要注意一下统一性。

 

04、色调的统一

这里的色调统一不只是代表只能用一种颜色来进行统一,也可以是多种颜色,使用多色搭配时,要注意色彩饱和度与明度的处理。
图片
图例
      
这个案例中运用的两种颜色,可以看出明度高饱和度低,也就是色调十分的接近,就算去除画面的当中文案再看这两个单屏,还是很容易看出这是一个详情页出来的两个画面。
    
    

原文地址:三个小美工(公众号)

作者:Three

 

转载请注明:学UI网 » 详情页做不好,这个方法你用对了吗?

登录收藏
 
你可能喜欢的:
标题性文字怎么设计?排版秘诀搞定你!标题性文字怎么设计?排版秘诀搞定你!
听说这是最难的配色方法——互补色篇听说这是最难的配色方法——互补色篇
版式分析优化 | 搞事情,这么排版才合理版式分析优化 | 搞事情,这么排版才合理
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
教程 | 设计中的规矩与秩序教程 | 设计中的规矩与秩序
不会排版的来看看,如何运用对比制造秩序不会排版的来看看,如何运用对比制造秩序
如何把照片做出有设计感的海报如何把照片做出有设计感的海报
老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道
优化教程 | 没想到,改完以后的画面真的好了许多!优化教程 | 没想到,改完以后的画面真的好了许多!
拯救没思路系列,试试提取风格拯救没思路系列,试试提取风格