江苏商盟

  1. 322 成员
  2. 2707 人气

参与评论

    【老梦谈视觉营销】--再谈店招,视觉设计之颜色搭配

    最后编辑时间:  2018年01月30日 10:56 评论:44 浏览: 4359 投稿
    【老梦谈视觉营销】,系列
     
    主要讲述通过调整店招、海报、主图、详情页、手机店招、手机海报、手机详情页等提高产品的点击率及转化率。
     
    ==================================================

    【老梦谈视觉营销】--再谈店招,视觉设计之颜色搭配

    其他内容敬请期待!欢迎交流

     ==================================================

     
    大家好!
    我是梦想,一直用这名字,很多人都不知道我原名叫什么了,只知道有个叫“梦想”的一直再做电商视觉设计,一直在从事电商视觉营销、从事店铺运营的工作。
     
    从2004年的淘宝普通店铺设计到淘宝旺铺,
    又从旺铺设计到天猫,
    从天猫又做到shopex、echop(独立电子商务商城系统--独立服务器的独立站),
    做过discuz!论坛,
    也做过织梦、帝国、dede的门户站设计、
    更对国外的商城系统、新闻系统(zencart joomla wordpress)做过设计和研究,
    从PC端设计到手机端,
    又从手机端研究到现在很火的VR,
    从4:3的14寸的CRT显示设计到27寸以至于更大的液晶显示器
    从设计到运营,从运营又回到设计。
    成就了几万的客户的电商梦,
    这一路走的好辛苦也好有成就。
     
    14年,也许很久,看过无数的兴衰,见证了电商的强大,回头看看,也就一瞬间。
     希望这14年的经验,可以对各位有所帮助,当然有设计运营方面的问题,也可以直接来找我。

     

     
    下面进入正题!
     
    这次我们要说的是店招的色彩搭配。
     
    对于色彩,不同人的眼睛看到的是不一样的,虽然大差不差但是还有细微的不同。
     
    不同的显示器显示的颜色也有偏差,这其中有显示器本身的问题,也有使用者习惯的问题,有人就喜欢显示器暗一点,感觉暗一点舒服,也有人就喜欢对比度高一点,看上去清晰分明。
     
    这种种的不一样叠加起来,导致了同一个图片显示在不同的显示器上,被显示器后的客户看到后,感官是不同的。所以,很多厂商在描述商品时都要在详细描述里加上一句“实物拍摄,有色差,请以实物为准”。
     
    除去种种不同,我们设计店招时候要注意什么
     
    1、店招的风格要和店内其他的装修一致
     
    店招要和主导航条、首页各个模块、尤其是页面背景风格一致。这样给客户一种整体感,是一种实力的体现。
     
    店招尺寸1920*200,
    上次已经讲过了,为什么是1920*200。主要元素放到1200以内。具体为什么要放1200以内,看上节课内容。
    布局宽度指示

     
     
    背景的尺寸是宽度1920像素*1000像素,
    现在的显示器,基本1000像素的高度已经够了,大概实际能展示到600-800像素。当然1920宽度,小尺寸显示器,尤其是笔记本看到的也就是1200以内的图片背景,其中中间950还多数被商品模块遮挡。
    看下图,这是一个 旗袍店铺的背景。
    undefined

    展示到大屏幕的显示器上,能看到的如下图
    两边是背景,中间是首页模块
    01

    显示到14寸笔记本上的效果,
    02

    看完展示效果了,大家往下看
     
    滚动背景2

    大家会发现下图 红色的区域是不变的。2个显示器都会显示
    蓝色的区域有的显示的多,有的显示的少。所以在制作或者审核设计师设计的背景的时候,最黄金的地方,也是所有客户都能看到的地方,就是红色到蓝色之间,并且靠近红色区域的地方。
    当然,如果用在小的屏幕去看,可能这个背景就看不到了,只能看到中间的模块了。这样的客户也有,但是不是很多,根据谷歌和百度的站点工具的统计结果来看,现在使用大屏幕的客户越来越多了。
     
    当然,现在店铺模块很多都是全屏的,看不到背景,只有拉倒下面看到950宽的模块的时候才能看到。
     
    10寸以下的都属于平板了,平板要看具体的操作系统,如果是安卓或者任何手机系统,他看到的模板,就是手机模板了不是pc端模板了。
     
    这里插一句,陆续我们会分析到,海报制作,详情页制作、手机模板的店招、海报等等的视觉营销方案,大家耐心等待,我也在陆续整理中。
     
    这里看下这个店铺的店招
    店招-旗袍

     
    再看下,背景效果
    滚动背景

    二者要颜色一致、图片风格一致。注意是一致,不是一样。如果一样也要简单的重新排版一下具体的细节元素。不要让客户看出是一模一样,除非是广告,想给客户印象造成一次次反复的记忆。设计衬托元素在大方向一致的情况下细节尽量不要一模一样。
     
    2、店招颜色搭配,1种主色,1-2种辅色,有必要的时候添加一种警告色。
     
    主色的作用,主要烘托店招的感觉
    辅色的作用,衬托主色帮助主色烘托气氛
     
    警告色,吸引人的眼球,有目的性的引导让客户主要浏览注意的地方,比如广告,比如经营类目。当然不一定,一定要用警告色。(至于怎么运用警告色,有幸能听到老梦线下、线上讲课的时候,我会详细的讲解的)
     
    再分析这个店招
    店招-旗袍


     
    主色:青色 具体什么青,有好几种
    辅色:
    花和蝴蝶的颜色
    元素1
    元素2

    当然还有文字的深一些的青色
    整体衬托出旗袍的淡雅,古典的美油然而生
     
    这里没有用警告色
     
    3、内容排版文字不宜太多
     
    上节课 我们详细 描述了如何排版 ,内容包括了
    logo
    公司名称(英文)
    公司主营范围
    公司口号
    公司促销文案
    联系方式
    二维码
    (没有看过的同学可以在去温习一下)
     
    这里在再强调说一遍,以上内容不需要全部都放上去,内容太多容易让人眼花缭乱,把卖点提炼到重点再表现出来。我这里罗列出来是怕你想不到还能放什么上去。给大家做个总结。当然还有我没有说到的,可以留言给我,我也补充上去,留后人参考。
     
    再分析这个店招
    店招-旗袍

    这里只有公司名字、联系方式、企业口号
     
    4、注意好细节
     
    对于设计来说,尤其是设计营销,偏移1-2像素,字号大个1-2个点可能感觉都不一样。多找美工切磋,细节决定成败。
    中间1200像素,细节展示
    店招1200
    1:1细节展示
    店招细节
     
    这里我偷懒了,大家看出来吗?
    蝴蝶都是一样的,如果按照设计的极致来说,蝴蝶应该是不一样的,至少3-5只不一样,然后在调整方向不一样大小不一样,这样就能调整出10-20只不一样的。
     
    我亲自设计出来的东西,客户找我讨论修改,我都会耐心的和客户切磋,因为我知道我自己最了解的是设计和运营,对其他的行业我也只是精通几个我喜欢的行业,其他的行业我只能说了解皮毛,最了解的只能是商家自己。
     
    自己的竞争对手是谁,他用的什么设计手法展示自己的店招,自己的商品制作历史背景是什么情况的,有什么文化底蕴,你关注的喜欢的展示风格是什么等等,商家比谁都清楚。
     
    这些只有在探讨中,才能知道了解清楚。当然这是店铺定位必须做的,有机会我再详细给大家讲讲如何店铺定位。
     
    努力去改吧,修改修改再修改,当然先和设计师沟通好,给设计师一个足够折腾的佣金,没有一个设计师是喜欢反复修改的。希望大家能遇到一个知音,当遇到一个耐心的设计师设计水平不错、为人谦和的,果断加好友,哪怕当成朋友咨询一下也是好的。
     
    下面介绍几个案例:
    案例我就不一一分析了,有机会的时候课上再分析吧。
     
    纺织的、家居的
    店招-纺织

    五谷杂粮的
    店招-五谷杂粮

    毛笔的、古典文玩字画
    店招-毛笔

    旗袍的、古典服装、演出服装的店招-旗袍

    卫衣
    店招-卫衣

    纸箱、包装的店招-纸箱

     
    最后总结一下:
    我们做店招
    设计是为了营销服务的,设计的好坏的评价标准是美不美,但最终的标准是能不能引导客户下单。
    当然美是最基础的,不美的有谈何用视觉去营销。
    这里的店招设计的评价标准,就是,能不能展示公司厂家的实力,增加店铺的可信度和整体效果。一定要督促设计师不要偏离主题,为了设计而设计不是视觉营销。
     
    大家都是活在1688B2B市场,而我活在1688 服务市场,
    最后,我把我的服务市场的店铺分享一下,
    相关模板



    里面的每个模板店招都是有源文件的,而且还在增加中,您如果需要可以联系我,我把源文件发给您!希望对您有所帮助!~~~
     
    有想详细探讨切磋的可以加我的旺旺好友,本人白天基本都在公司。~~
     
     
     
    ==============================
    案例分析
    ==============================
     
     
    以下是答复 评论本贴的朋友的问题:
    谢谢关注我的帖子,
    undefined

    你的店招我看了,你的店铺我也进去看了

    整体,主色调搭配的不错,整体效果是个专业样子,但是局部要简单调整。

    注意几个问题,
    1、重要内容区域尺寸没有把握好
    店招 重要内容要在1200以内,你的左边的 二维码估计已经超出了,如果是小屏幕的电脑是看不到的,除非你二维码对所有客户不重要,看不看到无所谓。
    具体尺寸请参照我 上一篇 店招布局的问题 简单调整一下
     
    2、高度没有200像素
    你的店招高度 小了点,我跟踪了一下你的代码,看到你的店招上传的图 高度是120像素的,能看出,你做过淘宝首页制作,淘宝的店招是120的。建议增加到200像素。
     
    阿里巴巴现在店招最大支持到200像素高度。有很多淘宝的商家到我这里要求店招要高点,我只能高度他很遗憾,淘宝规定淘宝头部最高150,去掉30高度的导航,店招一般最大是120高度。阿里的店招能到200,你不到200像素,亏哦。

    3、重点不突出
    你的店招 文字太多,太拥挤,调整到200像素高度,简单排版一下,可能会好点,但是你的店招,我第一眼看过去,没有看到一个重点,只是感觉到处都是文字,如果我进入你的详情页,只是一拉而过你的店招,我估计什么都记不住。
     
    调整方案:减少文字,增加警告色引导客户的眼睛着落点,突出个别重要文字大小。
     
     
     

     ==========================================================================

    谢谢,你关注我的帖子

     

    undefined

    我已经看过您的帖子了,

    意见如下:

    1、尺寸不对

    1920*200的,详细请参考 我的上一篇 店招布局

    我感觉你应该用的小屏幕的电脑,自己看到自己的店招还是感觉良好,

    我这里3-4种尺寸的电脑 都有,我喜欢用大屏幕的,在大屏幕电脑上,看到你的店招只有中间一小块,需要修改一下

     

    2、你店铺缺乏整体感觉

    诚信通使用了12年,应该吧店铺做的更专业一点,这样能提高你的公司的价值

     

    3、店招的文字 颜色搭配再专业点

    找个 做美工的朋友,做个店招吧。让他更专业点。首页无所谓了,关键你详情页同样也能看到店招啊

     

    4、多说一句,我在的是江苏商盟,你离的也不远,加入我们商盟,一起学习哦

     

     

     ==========================================================================

     

    25楼的  

     

     

    谢谢,你关注我的帖子

     

    undefined

    店招我看过了,店铺我也看过了

    很不错,做的很用心

    从配色 到布局 到 文字的处理都不错,一看就知道专业的美工做的。

     

    如果非要我鸡蛋里挑骨头,我就说说

     

    1、店招 可以联系人 和联系电话 小点, 一般客户 如果需要联系你,你电话放的再小他都能看到,他不想看到,你就是放到眼前,他都看不到。这个不是很重要。

    店招的 企业名称下,可以宣传个 经营范围  或者  优惠促销信息,一句话 总结一下你最想给客户说的话。

    物流的行业我不是很懂,你自己看看有什么让人一眼看上去就能记住的信息,写在上面 也行

     

    店招本身的配色 布局  已经不需要调整了,至于上面我说的,仁者见仁智者见智,不调整也没有什么问题。已经能体现你的实力了。

     

    2、店招左边和 导航没有衔接 很好,这是美工的问题,不属于营销方面,不是大碍

     

    3、我多说一句,你的海报 高度有点小,可以放到600-800像素,这样,你的文字展示的能更多地方,显示的能更专业点,海报的配色,尤其是文字部分 还有待推敲,文字太多了,客户 3-5秒看不完  就翻页了,文案再精炼点。

     

    总结:已经很不错了,可以不调整。已经能看出企业实力了。

     

    1. 商家能力成长官方圈
      人气:3.8万
    2. 1688商学院
      人气:18.3万