详情页做不好，这个方法你用对了吗？

Three说：上次我们讲到了详情页中一些增加节奏感的手法，除了节奏变化外，还需要了解另一种方法，那就是统一性的运用，两者相互结合使用，这样整个详情页看下来，才会给人一种既统一又不单调的感觉。

          

因为详情页需要很多屏组合，过多的寻求变化会给人一种很乱的感觉，让人觉得这些页面不是一个整体。所以需要先做统一性，再在统一当中找变化，那么有哪些地方是需要我们进行统一的呢？

   

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

 

01、距离的统一

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

图例

     

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

    

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

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

图例

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

 

03、风格、效果的统一

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

图例

   

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

 

这里的色调统一不只是代表只能用一种颜色来进行统一，也可以是多种颜色，使用多色搭配时，要注意色彩饱和度与明度的处理。

图例

      

这个案例中运用的两种颜色，可以看出明度高饱和度低，也就是色调十分的接近，就算去除画面的当中文案再看这两个单屏，还是很容易看出这是一个详情页出来的两个画面。

    

    

原文地址：三个小美工（公众号）

作者：Three

 

 

本页地址：http://www.seeui.net/29553.html； 所有素材与文章均来自于互联网，经网友投稿后发布，如有侵权，请联系 3147141550@qq.com。如果下载失败可提交工单哦。