你所在的位置:首页 > 新闻资讯 > 装修教程 > 网店装修设计详情页排版技巧

网店装修设计详情页排版技巧

2018-05-15 17:50

近几年,受到网络信息的影响,很多淘宝店铺装修设计都趋向于简洁设计发展,下面千寻设计师将从3个方面来讲一下如何做极简的设计突出产品自身,每个里面都有一些具体的知识点。

 

网店装修设计详情页排版技巧


可能大家在学习平面设计的时候就接触和学习构图了,而构图就是版式设计的基础。但我们往往忽略了对于构图和版式的极致追求。

下面千寻设计来跟大家说说淘宝宝贝详情页装修技巧:排版技巧
1、 淘宝宝贝详情页装修排版技巧,对齐——基本要求
从锤子的网页设计中我们可以观察到,这种排版方式是中间对齐。苹果官方的产品海报多数都是居中对齐且产品占比画面比例较大。

2、 淘宝宝贝详情页装修排版技巧,对比——有对比才有高度
作为简洁乃至极简的设计来说,对比非常重要,对比可以让人非常快速的阅读到重要信息,让信息主次层级富有条理性。也可以让版面的设计有节奏感,让画面看起来不乏味。

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


这个设计则与一加和小牛相反,文案面积很大,但是我们的视觉中心依然是手表,因为手表的产品图对比于白色文案在画面中更突出更加吸引目光。文案里也有对比,标题选用大而粗的字体,其他信息则放的很小,大能又快有准的看清标题的内容,另外因为字体大小和粗细的变化让人感觉有节奏感。

3、 淘宝宝贝详情页装修排版技巧,留白——留遐想空间
极简设计里的留白非常重要,最典型的是无印良品的设计,它是把留白应用到现在设计里最好的典范,但是我觉得我们中国人才是留白的“老祖宗”,国画就是非常典型的例子。

下面我们来做个对比,我们把图上的一些不必要的复杂背景和文案给去除。主要是让产品主体和主要信息展示的更加清晰和明确。
再做更进一步的精简,增加留白的面积,使产品和产品信息更加清晰的传达出来。