淘宝开店流程 | 进货技巧 | 开店卖什么好 | 开店故事 | 微信开店 | 创业项目 | 新闻专题 | 手机
您好,[请登录][免费注册]

53货源网专业网店货源网logo

53货源网首页 > 网店装修

双12淘宝店铺宝贝详情页排版诀窍须知

2016/12/6 18:15:31

  双12的大促已经启动,相信大家都希望有个“好收成”。因此,各位卖家就要做好淘宝店铺宝贝详情页的排版,以便吸引更多的客源。那双12淘宝店铺宝贝详情页排版有什么诀窍呢?

  近些年来,受互联网信息繁杂的影响,很多设计都向着下面简洁设计发展起来,下面我们将从3个方面来讲一下如何做极简的设计突出产品自身,每个里面都有一些具体的知识点。

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

淘宝<a href='http://www.53shop.com/news/nslist7/' target='_blank'>装修</a>:宝贝详情页排版诀窍 三联

  这是锤子T1的页面设计,虽然好多人都不喜欢老罗,但是我觉得他有对设计特有的一种完美主义的偏执,我觉得作为设计师还应该多向他学习一下。

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

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

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

  上面图A、B、C是对页面重新排版,图D是原有的设计。

  图A的构图有些头重脚轻,让人感觉中心偏下;图B的手机主体物有种对文案的挤压感,让人觉得压抑;图C的手机和文案成为90°的夹角,让人觉得有种阻碍感,不顺滑;图D的设计很好的协调了主体图与文案的关系,并且给人一种从远及近的中距离纵深感。整个画面中间对齐更能最大限度的突出主体——手机。

  从锤子的网页设计中我们可以观察到,这种排版方式是中间对齐。苹果官方的产品海报多数都是居中对齐且产品占比画面比例较大。

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

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

  2、对比——无对比不设计

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

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

  上图是文案与商品的面积对比。

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

  3、有“气质”的留白

  极简设计里的留白非常重要,最典型的是无印良品的设计,它是把留白应用到现在设计里最好的典范,但是我觉得我们中国人才是留白的“老祖宗”,国画就是非常典型的例子。

  下面我们来做个对比,我们把图上的一些不必要的复杂背景和文案给去除。主要是让产品主体和主要信息展示的更加清晰和明确。

  再做更进一步的精简,增加留白的面积,使产品和产品信息更加清晰的传达出来。

  最后本补充一些:

  所谓的突出不突出是相对的,有对比才有突出一说,假如画面中只有一个字,你说消费者眼睛会往哪儿看?即使字再小也会去看那个字,因为画面根本没有其他信息干扰。所以一定要砍掉没价值的信息。对比突出要看画面周边的元素,好比2个高个子站一起看不出什么,一高一矮站一块,就会高的显高,矮得显矮了。

  双12淘宝店铺宝贝详情页排版诀窍,小编就和大家介绍到这了。希望对各位有所帮助。

声明:本站信息来源于网络或会员投稿,不代表本站观点,如有侵犯到您的权益请发邮件到kf@53shop.com我们将在第一时间删除处理。

相关热门文章

更多..

精选商家

淘宝网店怎么开,找免费开网店货源,欢迎来到53网店货源网。本站的货源信息由会员发布,请妥善交易!网上进货防骗技巧》》

关于53货源网-|-网店代理-|-品牌加盟-|-网店大全-|-批发市场-|-免费发布信息-|-广告联系-|-友情链接

投诉、建议联系邮箱:kf@53shop.com (请尽量发邮件联系) QQ:93865423 广告联系 QQ:3508810008 交流QQ群:203212665(禁止任何广告)

© 2006-2023 53shop.com, all rights reserved.网店代理货源网 [闽ICP备06002980号-2]