淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 6080|回复: 30
收起左侧

[转载]菜鸟都会的全屏店招设计(专业版旺铺)

[复制链接]
  • TA的每日心情

    2015-3-8 18:38
  • 签到天数: 33 天

    连续签到: 1 天

    [LV.5]略有小成

    11

    主题

    343

    帖子

    7249

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    7249

    发表于 2015-2-3 20:21:28 | 显示全部楼层 |阅读模式
    本帖最后由 酱紫妖娆 于 2015-2-3 20:30 编辑

    很多刚开店的小卖家,看到别人家的店招是全屏的(1920或1440)也就是占了整个屏目,看下图
    设计后的店招(宽度1920或1440)
    有人说,这个是要买模板的吧,这根本不需要什么模板,又有人说要用什么代码吧,其实也不用什么代码,想知道怎么做的同学来跟我学习吧!

    第一步:想做全屏店招,我们必须先了解下全屏店招的构成 如下图
    ?
    我们店铺的店招其实只有中间950的区域,想做到全屏就要加一个1920或1440的页头背景图 ,
    放在红色的950的后面(也就是黑色的部份),如果我们把黑色部份换成红色,就是全屏了!

    第二步,了解清楚了结构后,我们来开始做中间950的区域 (店招的高度是120PX
    新建一个1920*120的文件


    我们要知道中间950的区域在哪里,所以画了一个950宽的选区 和大背景居中 如下图


    居中

    绿色的图层可以删掉了,辅助线有了,就知道了950的区域了,记住不要移动辅助线了

       我们把重要内容设计在950的里面

    说的好累 喝点水

    第三步:给背景做一个渐变,这个过程大家可以自由发挥了,做出自己的个性



    设计的过程 在这里就不详情说明了 如下图

    这里要注意 一个完整的店招里有哪些东西(标志 口号 店名 产品 收藏等功能按钮)当然不是所有东西

    必须全有,但最少店名是有的,还要让人看明白你是卖什么的!由于时间有限,这里就不详细展开来讲了

    第四步:接下来,我要把中间950的部份裁切出来 进行切片


    裁切的时候 一定要紧随辅助线来 ,不然裁切出来的可能不是950的宽了

    切片了哟

    用辅助线把这张图分成了3份,中间的收藏本店要做相关的连接,要单独切成一块了
       
    切了。。。。很简单的哟

    切然后 怎么保存 这一步很重要
      

       

    保完后,我们来看下切好的图片


    第五步,把切好的图片 上传到图片空间



    第六步:这时候 我要利用DW软件了把图片转换成代码




    我们 这店招的每一块图片选中 换成图片空间里的地址(现在的图片是我们本地的)

    记住这张图切成了三块,所以每一块都要换哟 切记 ,切记

    淘宝图片空间的图片地地怎么获取?看图


    把地址粘贴到这里哟

    所有图片的地址全换了
    第六步:我们把<body>  </body>之间的代码全复制出来 粘贴到店招的自定义里

    回到店铺装修中

    选自定义,切记得要点源码哟


    代码全复制进去了,哈哈,比有些人一张一张图的拆插入要快吧,一张一张拆插入会乱
    然后再点源码  查看下效果了

    恩,不错是我们要的效果
    第八步:给收藏按钮做连接了哟,不然只是一张没用的图片
    收藏本店的连接怎么找呢,大家看清楚了哟



    在收藏店铺上点右键 看到属性  就打开哟
    红色标记的就是收藏本店的连接地址了 全部复制哟


    这里放收藏的连接哟



    做好 点确定

    做好了 一定要记得保存哟!------
    接下来就是要发布了 ,很多人 把这一步忘记了 结果是忙了半天 白做了!

    辛苦了半天 好激动哟 看下效果吧


    结果 没有全屏 哎 。。。。。 继续哟,快了 ,我们加一个页头背景就行
    点下收藏按钮 是OK的哟,如果没用 一定是收藏的地址错了 或复制的时候漏掉了一些


    第九步:加页头背景 实现全屏


    图片 限在200K内


    不平铺 居中  最后保存 不要忘记了 还要发布哟
    看看我搞了一早上的战果哟 ~~~~~




    成功 全屏 不花一毛钱 !看完大家努力顶哟!




    另一种~~
      首先进入店铺装修页面,选择页头上的装修下拉栏里的样式管理,点击左边栏的样式编辑里的背景设置,这里一般默认为页头设置,(当然你也可能设置页面的背景颜色,改变整个页面的背景颜色)在页头设置里面有两个设置,分为页头背景色设置和页头背景图设置。如果你做的招牌图片是纯色背景就选背景色设置,然后单击颜色框,弹出调色器,然后选择你所需要的颜色,在这里如果背景图设置那栏里有图片显示的话就要把它删除,不然它会覆盖在你设置的纯色背景上,然后保存,设置完成。如果做的招牌图片是背景图片就选背景图设置,上传你做的招牌背景图片,然后保存,设置完成。














    评分

    参与人数 3美工币 +170 收起 理由
    Jelly肆肆 + 10 感谢分享!
    Rain + 100 赞一个!
    峰生水起之林 + 60 详细~值得菜鸟学习

    查看全部评分

    本帖被以下淘专辑推荐:

  • TA的每日心情

    2015-8-16 20:56
  • 签到天数: 72 天

    连续签到: 1 天

    [LV.6]渐入佳境

    33

    主题

    424

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29746

    最佳新人热心会员

    发表于 2015-2-3 20:25:49 | 显示全部楼层
    本来就不用花钱的啊,不过好厉害,用的英文版dw
    http://callmesoul.taobao.com/
  • TA的每日心情

    2015-3-8 18:38
  • 签到天数: 33 天

    连续签到: 1 天

    [LV.5]略有小成

    11

    主题

    343

    帖子

    7249

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    7249

     楼主| 发表于 2015-2-3 20:27:31 | 显示全部楼层
    benz 发表于 2015-2-3 20:25
    本来就不用花钱的啊,不过好厉害,用的英文版dw

    我是菜鸟,慢慢学习ing。。。
  • TA的每日心情

    前天 19:08
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

    黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?

    Rank: 12Rank: 12Rank: 12

    积分
    539106

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    QQ
    发表于 2015-2-3 20:51:06 | 显示全部楼层
    造孽呀~你又让我学了一招
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    求抱抱
    2015-12-25 12:42
  • 签到天数: 13 天

    连续签到: 1 天

    [LV.3]武林新秀

    0

    主题

    7

    帖子

    2926

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2926

    发表于 2015-2-3 22:10:58 | 显示全部楼层
    好  用得着

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-9-16 20:06
  • 签到天数: 314 天

    连续签到: 1 天

    [LV.8]自成一派

    0

    主题

    169

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    60216

    最佳新人热心会员

    QQ
    发表于 2015-2-4 08:52:20 | 显示全部楼层
    回帖是美德,学习了

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-11-20 18:17
  • 签到天数: 454 天

    连续签到: 1 天

    [LV.9]已臻大成

    10

    主题

    1246

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    http://www.zcool.com.cn/u/12978141

    Rank: 8Rank: 8

    积分
    111128

    天猫美工最佳新人热心会员

    QQ
    发表于 2015-2-4 09:04:09 | 显示全部楼层
    造孽呀~你又让我学了一招
    http://www.zcool.com.cn/u/12978141
  • TA的每日心情
    大哭
    2016-7-17 11:07
  • 签到天数: 219 天

    连续签到: 1 天

    [LV.7]炉火纯青

    0

    主题

    65

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27305

    发表于 2015-2-4 09:16:53 | 显示全部楼层
    不错,学习了

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    委屈
    4 天前
  • 签到天数: 279 天

    连续签到: 2 天

    [LV.8]自成一派

    3

    主题

    156

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    38880

    发表于 2015-2-4 09:24:45 | 显示全部楼层

    造孽呀~你又让我学了一招

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-3 06:20 , Processed in 0.175507 second(s), 26 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表