翼狐> 设计资讯> 行业动态>

电商设计中的极简设计

电商设计中的极简设计
347人浏览
2016-10-27

摘要:随着电商的发展,极简设计也逐渐流行,今天就为大家介绍极简设计怎样应用到电商设计里来。



  电子商务经过了几年的发展已经逐渐成熟,并且已经发展出了自己的模式和风格。但是对于电商的设计风格大多数人还停留在最初的用商品堆砌+文字信息+各种乱七八糟的效果。而这两年各个电商公司已经非常重视设计了,而且设计风格也逐步走向简洁乃至极简的风格。这种变化是随着电商的不断发展,更加重视产品的品质而进化的。


  下面从3个方面来讲一下如何做极简的设计,每个里面都有一些具体的知识点。


  先看一下极简设计的案例:



  这是锤子T1的页面设计,我们来分析一下这个页面的设计。


  一、极致的版式


  可能大家开始画画的时候就接触和学习构图了,而构图就是版式设计的基础。但我们往往忽略了对于构图和版式的极致追求,一般我们总会说,差不多看着舒服就行,可是对于设计师的能力晋升我们还需要更加重视版式的设计。


  下面是几个版式设计的技巧:


  1.对齐——最基础但也最重要



  上面图A、B、C是对页面重新排版,图D是原有的设计。虽然总体看起来都还可以,但是我们仍然可以很直观的看出来,图A的构图有些头重脚轻,让人感觉中心偏下;图B的手机主体物有种对文案的挤压感,让人觉得压抑;图C的手机和文案成为90°的夹角,让人觉得有种阻碍感,不顺滑;图D的设计很好的协调了主体图与文案的关系,并且给人一种从远及近的中距离纵深感。整个画面中间对齐更能最大限度的突出主体——手机。从锤子的网页设计中我们可以观察到,这种排版方式是中间对齐,无论是横向还是竖向。


  再看几个中间对齐的例子:



  上面的设计家也是用的中间对齐方式,大写的V视觉冲击力非常强,而左上角的Logo信息和右下角的信息成为对角形式,让人感觉画面非常平衡而又稳定。



  小米2015年的新品发布会海报也采用了中间对齐的形式,让观看者很容易的就聚焦到中间“新年礼物”的重要信息上。




  下面的图例是左右排版方式:




  由此我们总结出对齐的版式的几个特点和作用:


  A、视觉聚焦;


  B、强化页面统一性和条理性;


  C、对视觉的导向作用。


  2.对比——让画面不再平凡


  作为简洁乃至极简的设计来说,对比非常重要,对比可以让人非常快速的阅读到重要信息,也可以让版面的设计有节奏感,让画面看起来不乏味。




  上面的设计是小牛N1和一加3的设计,这两个设计是典型的左右排版。右侧放商品图片,左侧排列简单而有用的基本文案信息。而左右两边的图片和文案信息的大小对比要要根据商品的属性来决定的。例如,一加手机主要体现手机的外型和质感,所以放置2个占比面积较大的手机,搭配最基本的文案信息(只有手机名字、价格和购买按钮)。

1 2 3 4 5

收藏 | 19

精彩评论

设计教程
;