?很多卖家的素材准备得很好但是却不知道怎么排版布局。装修宅小编今天给大家分享一些淘宝详情页排版技巧,希望对大家有所帮助。
近些年来,淘宝详情页都在向简洁干净让用户体验达到最佳的方向发展,因此淘宝详情页排版都在以极简设计打造美观舒适的感觉。下面先看一下极简设计的案例:
这是锤子T1的页面设计,虽然好多人都不喜欢老罗,但是我觉得他有对设计特有的一种完美主义的偏执,我觉得作为设计师还应该多向他学习一下。
下面是几个淘宝详情页排版技巧:
上面图A、B、C是对页面重新排版,图D是原有的设计。
图A的构图有些头重脚轻,让人感觉中心偏下;图B的手机主体物有种对文案的挤压感,让人觉得压抑;图C的手机和文案成为90°的夹角,让人觉得有种阻碍感,不顺滑;图D的设计很好的协调了主体图与文案的关系,并且给人一种从远及近的中距离纵深感。整个画面中间对齐更能最大限度的突出主体——手机。
从锤子的网页设计中我们可以观察到,这种排版方式是中间对齐。
再看一个中间对齐的例子:
小米2015年的新品发布会海报也采用了中间对齐的形式,让关看者很容易的就视线聚焦到中间“新年礼物”的重要信息上。
作为简洁乃至极简的设计来说,对比非常重要,对比可以让人非常快速的阅读到重要信息,让信息主次层级富有条理性。也可以让版面的设计有节奏感,让画面看起来不乏味。
上面的设计是小牛N1和一加3的设计,这两个设计是典型的左右排版。右侧放商品图片,左侧排列简单而有用的基本文案信息。而左右两边的图片和文案信息的大小对比要要根据商品的属性来决定的。例如,一加手机主要体现手机的外型和质感,所以放置2个占比面积较大的手机,搭配最基本的文案信息(只有手机名字、价格和购买按钮)。
上图是文案与商品的面积对比。
这个设计则与一加和小牛相反,文案面积很大,但是我们的视觉中心依然是手表,因为手表的产品图对比于白色文案在画面中更突出更加吸引目光。文案里也有对比,标题选用大而粗的字体,其他信息则放的很小,大能又快有准的看清标题的内容,另外因为字体大小和粗细的变化让人感觉有节奏感。
极简设计里的留白非常重要,最典型的是无印良品的设计,它是把留白应用到现在设计里最好的典范,但是我觉得我们中国人才是留白的“老祖宗”,国画就是非常典型的例子。
下面我们来做个对比,我们把图上的一些不必要的复杂背景和文案给去除。主要是让产品主体和主要信息展示的更加清晰和明确。
再做更进一步的精简,增加留白的面积,使产品和产品信息更加清晰的传达出来。
最后本提升充一些:
所谓的突出不突出是相对的,有对比才有突出一说,假如画面中只有一个字,你说消费者眼睛会往哪儿看?即使字再小也会去看那个字,因为画面根本没有其他信息干扰。所以一定要砍掉没价值的信息。对比突出要看画面周边的元素,好比2个高个子站一起看不出什么,一高一矮站一块,就会高的显高,矮得显矮了。
淘宝详情页排版技巧小编就讲到这里了,大家可以去多参考同行店铺是怎么做的,然后做出有自己风格的宝贝详情页。更多关于淘宝店铺装修的内容可以在装修宅学习!
相关文章
-
京东推广文案怎么写?有什么技巧?
大家经常就都能够看到一些广告标语,这些广告就是为了给店铺商品进行推广的。当然了,广告文案写的越是新颖奇特或者是能抓住买家的心里需求,就能起到有效的推广作用的。那么对于京东商家来说,推广文案怎么写才好?京东推广文案怎么写?1. 清楚推广目的为了引流,还是为了形象,还是为了告知促销信息,目的要单一。2. 研究受众人群这类人都是什么人,用什么样的语言沟通比较好。至少你不能跟老年人说,吃了我们的保健品,整
2024-03-13 18:37 -
京东新品角标文案怎么显示?京东商品标题怎么写?
在电商平台上,为了吸引消费者的注意力,并凸显商品的新颖和独特之处,京东采用了新品角标来突出新品的身份。那么,京东新品角标文案应该如何显示呢?一、京东新品角标文案怎么显示?首先,京东新品角标文案应该简洁明了,能够直接传达出商品的新鲜感和独特性。好的文案不仅要有创意,还要符合消费者的需求,让其一目了然。其次,京东新品角标文案可以从多个方面展示商品的特点。比如,可以通过关键词来描述商品的特色,如“全新上
2024-03-13 17:41 -
京东商家端腰带创建文案规则更新
点击创建促销/优惠券/预约/预售腰带后可填写利益点文案。,因文案位置是商家自定义编辑,京东平台发现有一些违规表情符号、品牌蹭词等,误导消费者,因此京东将对京麦商家端腰带创建文案规则进行更新!腰带创建规则更新介绍如下:京东营销工具中商品腰带(https://promo.shop.jd.com/web/belt/list? )创建规则做出调整,已于10.10号上线,具体规则如下1、促销腰带(POP、自
2024-03-13 17:39 -
拼多多已删除文件不可新增引用是什么意思
您好,当您在编辑商品时出现这样的文案提示是因为您删除了图片空间对应的素材,若您需要引用请在图片空间重新上传。
2024-03-18 10:50 -
拼多多视频带货怎么没有流量?要从哪些方面解决问题?
3、下单转化率商品价格:要合理,尽量比其他同款价格低,这个可以在后台筛选出来。,店铺评分:能高分最好了,毕竟总有人挨挑骨头。,经过分析,我们了解到拼多多视频带货怎么没有流量,卖家要从产品的曝光量、进店转化率以及下单转化率几个方面解决方面,这样视频带货才能有更多的流量。
2024-03-13 15:53 -
拼多多双十一的文案怎么写?手机能便宜多少?
因此,在文案中要明确强调这些优惠,比如“超低价限时抢购”、“价格再砍,绝不贵”。,比如,“转发此文案,有机会赢取免费礼品”、“评论下你最想购买的商品,我们将选取幸运儿送出现金红包”。,那么,在拼多多双十一活动中,手机价格能够便宜多少呢?首先,拼多多作为一个以低价著称的购物平台,往往会通过与品牌和经销商合作,提供超低折扣。
2024-03-13 15:25 -
拼多多怎么创业?开店流程是怎样的?
没有特色和优势就需要对产品系统有一个清晰的理解。,所以商家在图片效果和文字方面,应该加强工作。,这里建议选择生活用品类,母婴用品,户外用品,汽车用品,这些日常需求比较大的类目。
2024-03-13 10:53 -
拼多多运营广告怎么写文案?怎么吸引人?
拼多多作为国内领先的电商平台,其广告文案对于吸引用户、提升销售至关重要。,我接下来就给大家详细介绍一下吧,感兴趣的朋友,不妨来看一看。,在撰写广告文案之前,必须清楚地了解目标受众的需求和喜好。
2024-03-13 10:47 -
快手文案不能出现的字眼有哪些?怎么屏蔽文字?
快手作为中国最大的短视频平台之一,每天都有海量的内容被发布和传播。为了维护良好的用户体验和社区环境,快手制定了一系列规定,禁止在文案中出现一些特定的字眼。本文将详细介绍快手文案不能出现的字眼以及快手直播如何屏蔽不恰当的文字。一、快手文案不能出现的字眼有哪些?1、色情低俗:快手坚决抵制任何形式的色情和低俗内容。因此,在快手文案中,不能使用或暗示性的词汇、图像或描述,也不能出现有损公序良俗的内容。2、
2024-03-13 18:15 -
手机店抖音评价怎么写文案?抖音评价有什么用?
同时,可以适当加入一些视觉元素,如颜色、字体等,使整个文案更加生动鲜明。,当用户读到一篇精心撰写的评价文案时,会对产品产生兴趣,并更容易下单购买。,这样,用户会更倾向于在将来继续购买该手机店的产品,提高复购率。
2024-03-13 18:13
热门标签
-
淘宝宝贝详情页优化怎么做?
2024-03-20 11:28
-
淘宝直通车图片制作需要注意什么?
2024-03-20 11:28
-
淘宝主图优化技巧分享
2024-03-20 11:29
-
直通车创意图制作技巧
2024-03-20 11:29
-
钻展创意图片怎么优化?
2024-03-20 11:29
-
淘宝详情页装修详解
2024-03-20 11:29
-
如何快速制作淘宝海报?
2024-03-20 11:29
-
生意参谋装修分析怎么用?
2024-03-20 11:29
-
直通车主图怎么做?直通车主图制作思路
2024-03-20 11:29
-
淘宝店铺装修如何避免违规?
2024-03-20 11:29
-
淘宝直通车如何测试主图?
2024-03-20 11:29
-
手机淘宝店铺装修模块使用技巧
2024-03-20 11:29
-
手机店铺自定义模块怎么装修?
2024-03-20 11:29
-
淘宝宝贝详情页需要展现哪些信息?
2024-03-20 11:29
-
手机淘宝店铺装修动图模块怎么使用?
2024-03-20 11:29
-
淘宝ifashion店铺怎么装修?
2024-03-20 11:29
-
淘宝女装详情页怎么装修?
2024-03-20 11:29
-
干货:手机淘宝店铺装修技巧
2024-03-20 11:29
-
淘宝无线端动图模块怎么装修?
2024-03-20 11:29
-
淘宝图片色差怎么处理?
2024-03-20 11:29