淘宝店铺排版设计（淘宝店铺排版设计教程）

大家好！今天让创意岭的小编来大家介绍下关于淘宝店铺排版设计的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解相关业务请拨打电话175-8598-2043，或添加微信：1454722008

本文目录:

• 1、淘宝新手如何装修店铺？

• 2、淘宝主图设计技巧

• 3、banner设计在淘宝店铺中如何设置？有什么具体要求，要怎样做？

• 4、淘宝详情描述排版怎么做呢

一、淘宝新手如何装修店铺？

外出购物，咱们通常都驻足停留在装修美观的店铺，因为觉得这样的店，里边的商品自然也不会差。当然，速卖通也不例外，好的装修能为店铺招来更多的客户，那新手如何装修速卖通店铺呢?

1.装修页面框架

设置完店名，接下来就是装修你的店铺了。店铺内容排版需要注意风格整齐干净，整体色调不要超过4个色系，具体内容从以下3方面介绍。

a.装修页面，首先要确定装修页面的色调，建议与产品的风格要相适应。

b.布局管理页面，设置店招。需要注意3点：像素控制在1200*(100-150)之间(建议高度150PX);URL格式需要速卖通的链接;图片清晰，主题突出。

c. 商品模块的添加。产品推荐：建议一手动调整把同一类型的产品放在一起，价格相差不要太大;建议二对产品推荐模块进行命名如New Arrival, Clearance Sales等增加吸引度。

图片轮播：新手建议放3张就好，设置好相应的链接，可以连接到相关产品或产品组或者相应促销，建议日常收集一些漂亮的图片会对店铺装修有帮助。

自定义内容：其实并不是想象的那么困难，首先要对编辑窗口各个按钮熟悉认识，然后参考文档的方式在此排版。

值得指出的是，我们在自定义区编辑任何文字或图片都可以看到自己的代码。

2.商铺

商铺贸易管理的设置这块主要是阿里旺旺客服的设置，做好分组，把客服划分清楚。

二、淘宝主图设计技巧

淘宝主图设计技巧

主图是一款产品的流量入口，对引流起着至关重要的作用，一张好的主图可以为店铺运营省下好多钱和精力，怎么让自己的主图在整个淘宝页面中脱颖而出?下面我为大家整理了淘宝主图设计技巧，希望能帮到大家！

（一）关于版式

电商产品繁多，没有一个统一的排版模式！

但要做好一张主图，应该遵守的一些原则还是有的。

1.版式：常用的板式有左右排版、中心对称排版、中心围绕、上下排版等（这里指文字和产品的位置）。

2.版式的选择；a.根据产品的不同和主图不同的作用（直通车主图、普通主图、活动主图等）有不同的做法：比如服装类，模特照片通常采用的是中心对称式构图为主；

平铺或者挂拍的通常采用左右排版这类通常是较规则，整体呈竖式长方形的产品，所有符合这个特征的都非常适合中心对称和左右排版（并非绝对，是通常来讲）

b.相比上述产品，相对不规则的产品，通常采用的是上下排版和中心围绕。

例如：上下排版

中心围绕，配合倾斜

c.总结：版式都不是固定不变的，以上所说皆是最常用也往往是最有效的一些，根据产品的造型去给自己的主图设计相应的排版！

3.关于图文比例

为了在页面中更具优势，我建议产品比例占整个画面的2/3左右（特殊作图效果除外），必要的时候可满版型设计（通俗讲即产品布满整个画面）

4.关于用色方面

简单说一下，尽量文字根据产品颜色来定位，选择同色系或者补色！

关于用色方面，下篇文章细讲，在做主图的作用方面尤其重要，如何在同产品中脱颖而出，起着至关重要的作用！

（二）关于用色

色彩基础就不多讲了，理论只是用于实践！

今天就专讲一下关于主图的配色用色方法。这对于我们主图的点击有着非常重要的作用。

具体步骤如下：

01.分析产品，以女装为例，这个阶段不用在意产品本身的颜色，最应该做的'是去用最热的词去搜索自己宝贝的页面大概的位置

本来是上下左右全部做对比的，这里只做横向对比，道理都是一样的。

如上图，相比其他三张主图，第四张颜色偏深，对于我们的眼睛来说，视觉停留点就在这张图片上。这时候我们就要思考自己的主图了，假如我们的主图所在位置相比其他商家主图用色差异不明显，现在就要用所行动了，如果大多数偏亮，你可以选择偏暗，如果其他单色系偏多，你就可以选择多色系，等等......

02.关于用色以及如何与其他商家主图有利的视觉差

首先需要知道自己的产品是什么颜色，这是根本，不能乱配色。只有保证做到自己主图画面和谐美观的前提下，再区别开其他商家主图才是上策！

a.根据自己产品的颜色，可选择同色系、邻近色、类似色、中差色、对比色等基础配色方案进行配色！

b.然后通过明暗、冷暖、纯度、明度等和其他商家区分开来（常用的方法还有大小对比，不属于用色）

03.补充一点，上述所讲是背景与产品、文案信息用色之间的配色关系

04.关于文字的用色，尽量不要超过三种，建议是两种或者单色！

好的点击率就需要自己产品主图在整个页面或者相比周围脱颖而出才是重中之重!!!!

配色基础就不讲了，新手可自己买本书看看，补充一下自己的不足！

（三）关于文案排版处理技巧

大家都晓得，一般的主图不需要文案排版，这里主要是针对活动主图和直通车主图而言的！

一.先讲下文案信息在一张主图中放在什么位置比较合适，我们就说几种常见的

01.最常用的——位置沉底

最常见最方便的一种。以家装地板类目例：

以上两张主图都属于沉底式，简单又多变化，这种文案信息位置排版方式一般不会破坏画面的整体性，简约而不简单，文字信息需要和底色配合点线面变化！若文案超过两行，要选择左对齐或者右对齐、中间对齐等，原则就是不要乱了画面，造成阅读障碍！

02.常用的——左右位置

也是比较通用的。以服装为例：

文字偏左或者偏右，通常文字采用竖式排版，文案信息需要主次分明，颜色尽量选择单色或两色，字体不要超过两种，文字越精简越好！

03.一般不用的——中间位置

（这个对根据产品排版有一定的要求，切记不能破坏了对产品浏览的完整性）

以男装类目为例：

中间位置，文案信息一般较少，言简意赅，达到目的即可，不可多放！单行或者居中排列

04.自由创意——灵活运用

根据产品的位置进行构图定位文案所放的位置，倾斜式用的较多也较灵活！

05.最不常用的——顶部位置

文案放在顶部控制不好多会造成不稳定的感觉，不是商品特殊，不建议文案信息放顶部位置！如果需要，请配合以上四种设计！

总结：具体根据产品的造型需要以及构图需要来确定文案应该排放的位置，最常见的就是上述前三种！

二.关于文字的排列组合

01.横式/竖式/横竖混排

横式：文案信息单行或者最多2行为宜，对齐就是常见的三种：左右和中间，重点是大小和颜色的变化，主文案字号偏大，颜色较整个画面要突出。次要信息可做点缀或者是补充，再维护整体画面的同时，做到灵活多变就可以了！文字颜色单色或者双色，切记超过3种颜色以上！！

竖式：多用于传统产品设计排版，有文化底蕴的产品！道理和横式一样。

横竖混排：横竖混排非常考验排版能力，属于高端技巧，虽然很难排出效果，但经常尝试也会有收获！

02.倾斜式

有倾斜的排版视觉效果是非常直接的，有视觉冲击力（上述位置04有例图）

倾斜角度不要超过45，否则影响视觉效果。另外一旦采用斜向排版，建议把所有文案内容都采用斜向排版，否则看起来不协调。

03.文字变形式

通过对文字的夸大或者扭曲变形以及对文字的特殊处理特效等来排列文字，主要是为了突出一些重要信息和反应出产品的一些材质元素！

04.框架式

简单说就是把文字排列出一定的形状，或者根据一定的形状固定排列，形式感较强，整体感较强！淘宝主图不常用，可根据自己店里的产品来尝试！

05.复合式

即多种排版模式混合使用，这个需要自己去总结和发掘，很考验一个设计师的能力！

总结：文字的排版是多样的，但对于电商而言，常用的最有效最直接，一张好的淘宝主图需要文案的完美配合与点缀！

三、banner设计在淘宝店铺中如何设置？有什么具体要求，要怎样做？

风格、排版以及配色。而最重要的一项是确定风格；

时尚风：这种banner都有共同的特点：大标题，模特，报刊潮流杂志风；

所谓的排版，就是将文字、图片、图形等可视化信息元素在版面布局上调整位置、大小，使版面达到美观的视觉效果。

四、淘宝详情描述排版怎么做呢

淘宝详情页排版：

第一、淘宝宝贝详情页都是使用的淘宝同意的左右两栏结构

第二、左右两栏分别进行设计排版装修操作，以达到最终的目的。

第三、详情页里面左右两边都可以添加“自定义区”，通过自定义区的排版装修，可以达到目标效果。

以上就是关于淘宝店铺排版设计相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

一个淘宝店可以发布多个类目吗（一个淘宝店可以发布多个类目吗）

开淘宝网店怎么运营（开淘宝网店怎么运营的）

淘宝卖的引流软件有用吗（淘宝卖的引流软件有用吗是真的吗）

小红书怎么收藏别人的笔记（小红书怎么收藏别人的笔记内容）

景观设计师证书多少钱一年（景观设计师证书多少钱一年考）