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

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

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

 

01、距离的统一

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

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

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

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

图片
图例

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

 

03、风格、效果的统一

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

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

 

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

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

作者:Three

 


 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码