总是没有淘宝详情页设计思路？这些你都了解吗？
详情页的版面设计直接影响到产品的吸引力，那么在这里，我总结了版式设计原理的几个方面，结合一些具体例子实际操作演示，让对这块不熟悉的设计师朋友们能快速掌握版式设计。
一、版式组成
主体：视觉焦点，主导着整个设计（可以是人/物/文字/图片），整个版面最吸引人的部分，相当于主角的作用。
文案：对主体的辅助说明或引导，毕竟有时候我们放一只小狐狸在旁边，用户也不能准确的知道它在说什么，配角的作用。
点缀元素：装饰元素，可有可无，具体根据版面需要；好的点缀元素能够渲染气氛，大部分的点缀元素遵循三角形原则，类似下图中的云朵，群演的作用。
淘宝详情页背景：可分为纯色/彩色肌理/图片/图形等。
二、淘宝详情页构图平衡
在设计中，平衡是实现统一的一条重要途径。如果上面所说的元素组合起来处于平衡状态，那么这个设计看起来就是统一的，就会给人一种整体印象。
因此，平衡是视觉传达设计的一个重要方面。版式平衡总共有3种分类，分别是：对称平衡，非对称平衡和整体平衡。
1.对称平衡
对称是同等同量的平衡，对称式设计是一种静态的，可预见的，讲究条理和平衡布局的设计。对称构图相对比较易于创建，特点是稳定，庄严，整齐，安宁，沉静和古典。
2.非对称平衡
非对称在不对等的元素间创设出秩序和平衡，非对称设计由于版式不可预见，所以空间是变化的。特点是动态的，灵活的和富有活力。非对称构图比较多，常见的有以下6种形式。
对角线构图：
文案摆放在版面的对角线方向，一方面避免了司空见惯的居中版面，一方面给中心主体留出了更多的创作空间；另外中心的图形也可以是对角线的设计，这样会让整个构图看起来比较平衡。
发射状构图：
点缀元素围绕中心的文案或者图形发射，这样的构图会让中心的视觉容易聚焦，视觉冲击感会更强烈。
像电商大促活动，淘宝和京东等等会经常使用发射性构图来营造大促活动的热闹火烈程度。
中心构图：
这是我们最常见的构图之一，文案和主体居中页面，注意的是位于版心的主体要尽可能的出彩，利用设计技巧吸引读者的眼光，这样才能避免平淡乏味。
s形构图：
文案或者图形放在线条转折的地方，整体呈一个s形。另外线条的起点和重点也同样是读者容易关注的地方，可以放一些重要的信息。这样的构图灵活，有趣，而且可以引导用户沿着s形轨迹阅读信息。
二分构图：
淘宝文案和主体分开，呈左右或者上下的构图形式，注意的是文案要采用对齐原则。这样的构图也是比较容易创建的。
形状构图：
主体和文案组合的形式可以是圆形，三角形，矩形等形状构图。注意如果是用三角形构图，最好呈倒金字塔结构，这样更加轻易引导用户进入下一个信息层。
3.整体平衡（满版平衡）
整体平衡，是指图片充满整个版面，文案布局在上下，左右，中部的位置，特点是主要以图像为诉求，视觉传达直观而强烈。满版型构图，给人大方，舒展的感觉。
注意：在设计的过程中，这种类型的文字处理很容易显得「嘈杂」，因此为了避免拥挤的空间，适当删减些文字。
对构图形式了解后，我们还要知道一些基本的设计原则，虽然这些原则我们可以在其他地方反复的看到，但是我在这里还是要强调一遍，因为它可以帮助我们在打破规则之前，必须清楚规则是什么。
相关文章
-
剪辑电视剧发抖音违法吗？要注意什么？
大家在刷抖音短视频的时候，除了刷到一些美女帅哥穿搭化妆的视频，这把应该有刷到过一些电视剧讲解的视频，那么这些博主的是专门做这个的，剪辑电视剧发抖音违法吗?一、剪辑电视剧发抖音违法吗?属于侵权行为在抖音上发布的剪辑的电视剧，如果用于进行商业宣传和做广告这样的商业行为根据《著作权法》的规定这是侵权行为，即便没有用于商业用途，也属于侵权行为二、剪辑要注意什么?1、闪白：合成节目时，如果不直接使用白帧叠化
2024-03-22 15:32 -
双11直通车图设计的技巧有哪些?
应该有很多的淘宝店铺都打算在淘宝双十一活动的时候做淘宝直通车推广吧，如果你决定要做的话，你需要制作好双11直通车图哦，那么双11直通车图设计的技巧有哪些呢?大家来看看小编的介绍吧! 双11直通车图设计的技巧有哪些? 怎样才能制作一张高点击率的双11直通车图呢?下面，就给大家介绍几种制作高点击率双11直通车图的技巧。 双11直通车图：均衡式构图 均衡式构图可以给人宁静和平稳的感觉，又避免
2024-03-22 15:24 -
淘宝直通车主图点击率怎么提高？高点击率主图怎么做？
在淘宝上，直通车主图一般有四个突出的问题，图片性质不规范，图片的色调不协调，主宝贝不够突出，背景也非常混乱，这样的主图让人一看及没办法点击下去，就别提什么高点击率了，所以对于构图一定要掌握一些技巧和方法。,对称式构图：这个就不多说了，轴对称、中心对称这样的图片非常的平衡稳定，相互呼应，只是显得比较呆板不够灵活。,变化式构图：这个构图方法又叫作留白式构图，它是将产品故意放在一个角落或者一边，然后其他
2024-03-22 14:57 -
新手怎么做淘宝主图？淘宝主图尺寸是什么？
淘宝卖家在上架商品之前，需要做好淘宝主图，淘宝主图和商品的转化率有很大关系，优质的主图才能够吸引买家下单，那么新手商家怎么做淘宝主图呢?今天我们来简单看一下方法一、对角线构图法，生动优美才能达到事半功倍在画面构图出现问题的时候，不管是放置再多的文字，都只会变成累赘文字的添加，只会分散客户的注意力，而文字的描述在不是很舒适的画面上就显得苍白无力了因此，并不是说添加了文字就能够有说服力，最主要把的还是
2024-03-22 13:52 -
快手取关好友对方会收到通知吗？有哪些使用技巧？
一、快手取关好友对方会收到通知吗?不会。,所以如果对方正好打开在浏览快手，是会有消息提醒的。,至于景别，我们也不需要考虑太多，就是五个字：远中近中。
2024-03-13 18:28 -
淘宝商品主图点击率低下，商家应该如何改善这种情况？
接下来小编就给大家讲讲淘宝主图点击率低该如何解决。,1.相邻色搭配：相邻色因为比较邻近，有很强的关联性，这种搭配视觉冲击力较弱，但可以制造温馨的感觉。,配色：女性消费者就选到温馨、柔和一些的色彩，男性就选用稳重、色调深一点的色彩。
2024-03-22 08:55 -
拍摄人像特写时应该突出什么？
对于初学者来说，怎样拍好特写人像，就变成了一个很重要的课题。,应该尽量避开正面拍摄，侧脸不容易使铺满画面的人像面部显得过胖，也更有味道。,遮挡可以进一步增加虚实对比，从而表现出神秘的朦胧美感，并且有效地渲染画面情绪。
2024-03-22 08:36 -
中美科学家绘出迄今最精确银河系结构图
来源：科技日报金凤银河系直径约为10万至18万光年，太阳系离银河系中心很远，且位置接近银道面，因此我们所看到的旋臂都重叠投影在天球上而无法分辨。21日，南京大学发布消息，著名杂志《科学美国人》近日刊登了由美国科学院院士M·里德和该校天文与空间科学学院郑兴武教授联合撰写的封面文章，总结了由他们及德国马普射电天文研究所K·门滕教授所领导的国际团队历经15年对银河系结构的研究成果。该团队用甚长基线干涉技
2024-03-22 08:10 -
广告创意的表现方法有哪些？如何提升表现力
本文将探讨广告创意的表现方法，从视觉、文字、音频等多个角度进行解析，帮助广告从业者提升创意水平，实现更好的广告效果。,音频表现方法1、音效运用：音效是广告中的重要元素之一，能够增加广告的趣味性和记忆点。,2、配音表演：在某些广告中，通过运用专业的配音表演，能够增加广告的情感共鸣和可信度。
2024-03-21 18:47