所有分类
  • 所有分类
  • VIP素材
  • APP模板
  • 图标
  • 插画
  • 样机

详情页做不好,这个方法你用对了吗?

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

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

 

01、距离的统一

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

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

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

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

图片
图例

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

 

03、风格、效果的统一

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

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

 

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

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

作者:Three

 


 

本页地址:https://www.uime.cn/29553.html; 所有素材与文章均来自于互联网,经网友投稿后发布,如有侵权,请联系 99898566@qq.com。如果下载失败可提交工单哦。
0
分享海报

早鸟限时特价,年会员半价,限量1000份哦

点击购买

没有账号?注册  忘记密码?