96编辑器旗下产品
找图
终身
ID:0
到期时间:永久
退出登录
您的位置:首页 > 文章管理 > 详情

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

原创:96作图 2023-03-21
  • 淘宝首页全屏海报图怎么设置

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

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

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

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

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

    <a href="连接地址" target="_blank" style="width:1920px;height:600px;display:block;"> <img src="图片链接地址" 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,代码都改完之后,按回到图片模式,这时候会发现什么图都看不到。不用担心,点击预览或者发布,就能看到全屏轮播海报效果啦。

    附上全屏轮播海报代码:

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

    <div class="piao1365065449925fu" style="height: 500px;">

    <div class="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;">

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

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

    <img data-ks-lazyload=" !!" /></div>

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

    <img data-ks-lazyload=" !!" /></div>

    </div>

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

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

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

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

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

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

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

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

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

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

    </ul>

    </div>

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

    <li>

    </li>

    <li>

    </li>

    <li>

    </li>

    <li>

    </li>

    </ul>

    </div>

    </div>

    </div>
    < 上一篇 看书的素材 下一篇 > 网上海报怎么做的?海报怎么制作
    最新文章
    最新素材
    最新百科
    公司介绍 网站地图 图片资讯
    Copyright © 2010-2022 山东找图网络科技有限公司  鲁ICP备18007836号-3  邮箱:15653358549@163.com