Question

如何做淘宝首页海报?淘宝首页的全屏海报装修方法

Answer 1

淘宝首页全屏海报图怎么设置

1、打开记事本把这代码复制粘贴在内做准备，也可用直接店铺装修的自定内容区。为了更好的看效果这用记事本。

<divstyle="height:600px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;">

<divclass="footer-more-trigger"style="left:50%;top:auto;border:none;padding:0;">

<divclass="footer-more-trigger"style="left:-960px;top:auto;border:none;padding:0;">

<ahref="连接地址"target="_blank"style="width:1920px;height:600px;display:block;"><imgsrc="图片链接地址"style="border:none;"/></a>

</div>

</div>

</div>

2、现在修改代码链接地址，到卖家中心复制商品链接地址粘贴覆盖链接地址。再到空间复制海报链接地址覆盖图片链接地址，复制好待用，效果如图。

3、进入店铺装修添加个自定义内容区。

4、添加完成后点击编辑，在显示标题选择不显示。点击<>编辑源代码，将复制好的代码粘贴里面，点击确定完成。

5、最后再介绍一下代码位置与修改。海宽用1920px。高度400到600像素不等。修改代码高要和海报图片一样。

6、再看一下自定义内容区高度设置效果对比。

7、一切设置好，预览没发现问题，就点击发布。

如何设计淘宝海报?

1、淘宝海报的背景

纯色背景：这个比较好理解，就是一种颜色的背景，纯黑，纯白，纯灰色等。

虚化图片：发现这是最近越来越流行的虚化背景，整个海报中仅主要背景的宝贝是细节很清楚的，其他都是被虚化过的，背景里面仿佛有那么许多的元素，但是仔细看又什么都看不清。

实拍背景：比如一些户外拍的照片，没有经过太特殊的处理，没有经过虚化等，直接就把整个图片都放出来做了海报，这张就是实拍背景。

图片背景：有一种海报，背景图片明显和前景想要推介的宝贝不是一起拍摄的，而是拼接上去的，主要讲求的是一种意境，比如春款可能背景是一片绿色草地等。

2、淘宝海报设计的颜色

对于淘宝店铺的用色问题，我们得出了以下几个数据：一切干扰主图元素的背景都在被少用，实拍和虚化合起来只占到了15%，而纯色占到了50%，在35%的图片背景中，淡绿、淡粉、淡占到了大多数，都是很接近纯色的颜色。

综上所述，我觉得大卖家们都比较倾向于用简洁的海报背景色，实拍背景和虚化背景被大多数的大卖家所放弃，即使是实拍背景和虚化背景，在宝贝主图部分，用很强烈的对比色讲宝贝对比出来。所以建议大家，在做推广海报时，尽量用纯色或淡淡的背景图片作为背景，这样比较容易突出主推宝贝和宣传文案。

3、淘宝海报设计如何利用文案

同样都是爆款，大卖家非常重视整体营销，装修细节上，文案制作上，图片质量上要明显好于小卖家，不仅仅是对本款宝贝做营销，而且还对店铺、品牌、品类都在做整体营销，整个宝贝详情页浑然天成，页面上每个细节都是统一风格统一展示，所以一款火了很容易带动其他款的销售，也很容易让别人能记得住品牌，下次再来。

关于如何设计淘宝海报，青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图形处理等有浓厚的兴趣，希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。

以上是小编为大家分享的关于如何设计淘宝海报?的相关内容，更多信息可以关注环球青藤分享更多干货

淘宝首页的全屏海报装修方法装修方法步骤如下：

1,进入装修后台的图片空间,将你选择要轮播的海报上传上去。

2,打开之前在网上下载的那段轮播海报代码。

选择编辑——替换,将原代码中的500全部替换为海报高度,然后将这段代码复制下来。

3,进入店铺装修页面,在主屏的第一屏海报位置新建一个自定义页面，点击，切换到代码模式。

4,将之前复制的那段代码黏贴上去。找到代码中的图片链接部分。

5,再次进入图片空间,将大图海报的链接地址复制下来。替换到原来的代码的图片链接位置。

6,代码都改完之后,按回到图片模式,这时候会发现什么图都看不到。不用担心,点击预览或者发布,就能看到全屏轮播海报效果啦。

附上全屏轮播海报代码：

<divclass="J_TWidget"data-widget-config="{'effect':'fade','circular':true,'contentCls':'piao1365065449925fu'}"data-widget-type="Tabs">

<divclass="piao1365065449925fu"style="height:500px;">

<divclass="J_TWidget"data-widget-config="{'contentCls':'slide-kun1365065449925content','triggerCls':'slide-kun1365065449925triggers','navCls':'slide-kun1365065449925triggers','triggerType':'mouse','effect':'scrollx','prevBtnCls':'prev','nextBtnCls':'next','steps':1,'autoplay':true,'viewSize':[1920],'circular':true}"data-widget-type="Carousel"style="margin:0px;padding:0px;left:-180px;top:0px;width:1920px;z-index:10;">

<divclass="J_TWidget"data-widget-config="{'trigger':'.first1365065449925trigger','align':{'node':'.first1365065449925trigger','offset':[0,0],'points':['cc','cc']}}"data-widget-type="Popup"style="display:none;">

<divclass="prev"style="width:90px;height:90px;float:left;">

<imgdata-ks-lazyload="!!"/></div>

<divclass="next"style="width:90px;height:90px;margin-left:950px;">

<imgdata-ks-lazyload="!!"/></div>

</div>

<divclass="first1365065449925trigger"style="margin:0px;padding:0px;width:1920px;height:500px;overflow:hidden;">

<ulclass="slide-kun1365065449925content"style="margin:0px;padding:0px;width:1920px;height:500px;">

<listyle="margin:0px;padding:0px;width:1920px;height:500px;list-style-type:none;">

<ahref="/?&&scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"><imgborder="0"data-ks-lazyload="!!"height="500"width="1920"/></a></li>

<listyle="margin:0px;padding:0px;width:1920px;height:500px;list-style-type:none;">

<ahref="/?&&scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"><imgborder="0"data-ks-lazyload="!!"height="500"width="1920"/></a></li>

<listyle="margin:0px;padding:0px;width:1920px;height:500px;list-style-type:none;">

<ahref="/?&&scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"><imgborder="0"data-ks-lazyload="!!"height="500"width="1920"/></a></li>

<listyle="margin:0px;padding:0px;width:1920px;height:500px;list-style-type:none;">

<ahref="/?&&scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"><imgborder="0"data-ks-lazyload="!!"height="500"width="1920"/></a></li>

</ul>

</div>

<ulclass="slide-kun1365065449925triggers"style="margin:0px;padding:0px;display:none;">

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

</div>

</div>

找企业服务上猪八戒网交付有保障验收再付款