淘宝美工营销设计技巧
时间: 15:21
　　本篇文章和大家一起聊聊淘宝美工设计，本文会分为先形式、再配色以及后丰富三个部分讲解，面对源源不断的设计理念，更是需要众多不同的设计想法，一篇文章教会美工如何做好营销设计。
　　一、先形式
　　1、版面形式
　　为什么要先形式?
　　先确定版面的形式、布局、标题样式，然后再去考虑版面的色彩搭配。一个优秀的设计即使再它的黑白情况下也是很好的，如果先从考虑配色然后再去考虑版面，设计的过程中会变的不顺畅。
　　什么是版面形式?
　　形式是指banner设计里内在要素的结构或表现方式，形式包括设计上的各种版式内在特征以及由这些版式所决定页面上其他元素的特征，运动的过程和风格的沿用等，画面的形式决定了这个banner传递的信息、感觉。
　　在设计中而定作用
　　形式能banner更具有设计感，有得形式能让banner理性稳定，有得则让banner饱满或者力量，由于设计的发展，特定的需求在内容上的创新，必须有新的形式与之相适应。所以，要打破旧的形式，创立新形式。
　　版面形式回顾总结：
　　1.每个版面形式各有特点，要根据实际情况去选择;
　　2.形式不能大于内容，记住我们是要传递信息;
　　3.要打破旧的形式，创立新形式
　　2、标题形式
　　什么是标题形式?
　　标题形式之小编为banner主文案标题的表现的叫法，标题在营销banner设计中是很重要的，所以通常我们会进行一些字体变形，毛笔拼接，立体化等手法来处理标题。让其更具有设计感。
　　在设计中的作用?
　　标题形式在banner中我们不会停留在原字体上，总是会动一动笔画，使其更加的形象、有趣、酷炫，所以字体设计就尤为重要了。另一方面是用原字体会侵权哦!
　　标题形式回顾总结：
　　1.字体变形不能影响识别性
　　2.立体字标题形式要注意版面中的透视
　　3.加外框是一个不错的方式
　　二、再配色
　　关于色彩
　　我们通过视觉获取信息，色彩是非常重要的。除了设计的表现形式，我们经常通过色彩来分别事物的状态和感觉。色彩可以激发情感和感官的元素。
　　常用的配色方式
　　我们在工作中经常会用到的配色方式：参考配色、产品取色、直觉配色、一句理论4个女方是进行版面的配色。我们经常会用到参考配色，参考优秀设计案例的配色。
　　参考配色：参考优秀案例中背景的颜色、标题颜色、搭配元素颜色来进行我们设计版面的配色。
　　参考产品(模特)取色：根据要出现的产品或模特带有的颜色来进行背景和标题的配色方式，比较实用简单的一种方式。
　　参考依据理论：根据理论来进行我们版面的配色是非常好的一种方式，在很多优秀的设计上面你会发现里面的颜色与颜色之间的关系。经常会用到的理论有对比色、互补色、近似色、三角形搭配。
　　参考直觉配色：就是当我们说冬天你会想到白色、说夏天你会想到红色、说春天你会想到绿色等等，也就是说的当我们拿到需求文案的时候第一反应会想到颜色，比如食品零食，我们肯定会首先考虑橙色、红色这些让人有食欲的颜色。跟我们的主题息息相关。
　　配色方式回顾总结
　　1.每种方式都有自己的好处、自己习惯就好
　　2.深色背景配浅色，浅色背景配深色
　　3.根据基础理论去配色是个不错的方式
　　三、后丰富
　　为什么要丰富?
　　我们日常浏览优秀作品会发现页面中会出现一些花瓣、绿叶、射线、杂色等等，当我们的设计中有了这些的丰富后，作品的感觉会有明显的上升。
　　常用的丰富方式
　　版面上的气氛、点缀、质感这些表现，这些就不详细说了，大家多看一下优秀的作品去体会一下。
　　润色调整
　　如图所示：这样看静态图不是特别的明显，如果仔细看，1和2的颜色还是有变化的。亮度、暗度、饱和度都是有一些变化的，调整之后版面颜色会显得亮一些，没有调整之前版面会有一种灰灰的感觉。调整之后也清晰很多。
　　润色调整方式一般有：
　　1.调整画面的亮度、对比度、饱和度。调整之后画面会更好。调整参数根据实际情况调整!
　　2.在调整完明暗度之后，会盖印一层做高反差保留，作用是让画面更加的清晰。这种方式和锐化有一定的区别，个人认为高反差保留会更加精致一些。
　　高反差步骤：
　　1.建立一个空白图层
　　2.盖印图层(Ctrl+shift+E)
　　3.滤镜&&其他&&高反差保留
　　4.图层混合模式&&线性光
　　5.降低不透明度
　　以上关于淘宝美工培训设计的教程大体就分为这三个步骤了，继续关注淘宝学堂网，后期会有更多淘宝美工操作技巧哦!
觉得本文有用？
很多新手朋友对ps并不是很懂，或者说一窍不通，那么想制作一些自己的店招，分类，店标等等怎么办呢？淘宝学堂装修...
最近碰到很多的卖家都在纠结自己的店铺视觉，总感觉自己的店铺风格不是自己需要的，我发现很多店主还是在凭自己的...淘宝设计师
可设计各种banner，详情页，首页【淘宝美工吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：200,226贴子：
淘宝设计师
可设计各种banner，详情页，首页
电商设计师兼职各种首页、直通车、产品banner设计首页排版设计，详情页设计，产品抠图（主攻服装）以诚信为本，骗子出门左转合作或咨询请加QQ：
贴吧热议榜
使用签名档&&
保存至快速回贴在现在的电商设计的大环境中，因为电商更新迭代很快，所以淘宝美工时间都很仓促，就会出现很多抄袭现象
& & & 在现在的电商设计的大环境中，因为电商更新迭代很快，所以时间都很仓促，就会出现很多抄袭现象。一个优秀的淘宝美工出了一个作品，用不了多久，就能在各个类目中看到这个作品的各种展现。很多淘宝美工心里其实也很纳闷，明明自己已经临摹了那么多好的作品，为什么自己还无法原创作品呢？
& & & 其实你要知道，没有什么东西是完全“原创”出来的，很多淘宝美工的灵感也是从现实而来，小匠整理了这文章，就是希望能帮助你怎样原创出一张banner。
1、只参考一种元素
& & & 一个好的作品，你只参考一种元素，这样做的话会大大降低作品的相似度。
& & &如上图，参考的点是风格，实景和淡色背景为主，人物与建筑之间互相结合，表现出情怀。要展现出一种积极向上的状态，这种风格感觉比较合适。其实大致上看，这两张图的风格还是比较像的，但是图中的构图，字体和色彩就要根据你自己的需求来重新设计，这样就能得到不一样的图。
2、从现实中找灵感
& & & 参照现实，这是很多设计大师所运用的手法。比如说：服装设计师会用植物来设计装饰服装，动画大师会画真实存在的场景。这是最容易获取灵感的方法，平时你多观察体验生活，遇到什么有趣的事物，就用相机拍下来，用来充实自己的灵感库。
& & & 如上图，参考一张街道照片，在画的过程当中，由于街道本身颜色相对较弱，所以就加入了一些颜色让其丰满起来。删掉那些复杂的电线，画面看起来会比较空，就增加了山峰和云朵，让画面看起来足够饱和。
& & & 最后再加上人物，人物是参考另一张照片，这个人物真实背影感觉不够帅气，就在身材和发型上做了小的修改，衣服的颜色也变换了，给人感觉更有层次感。
3、不要拘泥于制图软件
& & & 在你设计创作的时候，可能会因为制图软件的限制，很多效果无法实现出来。但看国外大师们的作品，会发现他们会运用各种手法，比如是拍摄和软件相互结合，这样就可以避免掉制图软件的平面局限。
& & & 如上图，效果是需要一个“白兵”坐在车里，但是现成网上的图没有什么合适的角度，如果完全靠合成的话又会花很多很多时间来找图修图什么的。所以可以换个方式，直接买一个模型，拍摄加上精修后再合成海报。不仅节省了很多工作时间，也开发了更多的作图方法。
& & & 当然这也只是很多方式中的一种。现在会C4D的美工也有很多，这种三维软件也可以解决掉很多平面制图软件办不到的事。
4、积累与思考
& & & 除了上面所说的，其实最好的方法就是自己要多积累与思考。你可以上各种设计网搜集一些新的设计海报，然后再归类。当然看的时候不要只看表面，更多的是想想这些设计海报的创作思维和方式，如果你有时间的话，最好再临摹一下，这样你就更容易学习别人的创作思维。
& & & 在平常的生活中，也有很多APP的闪屏，街边的橱窗广告，地铁广告等都是有很多非常好的创意和设计，这些都可以是你思考和学习的对象。
& & & 说到底，虽然平常在设计中，有时候有可能灵感来的比较及时，不需要啥参考，但大部份时间，都是需要看些参考，来激发出自己的灵感。学会怎么去总结别人的优点比直接拿来抄要好多了，不停的去思考，才是你进步最快的捷径。
可以记录推荐数据哦！
添加到收藏
没有新消息
创建收藏夹
公开(受欢迎的收藏夹将有可能选入站酷精选)
私密(仅自己可见)
分享给微信好友大风号出品
【淘宝美工教程】浅谈电商banner怎么做？
看完这个教程，希望为还在迷茫不知道怎么做banner的小白能够提供一些启发和思路。（本文从网络上收集，版权归原作者所有）我不是机器人，各位可以留言互动回复【PS】，获取PS破解软件下载回复【2017】，获取PS2017最新版下载链接回复【ai】，获取AI软件下载链接回复【cdr】，获取CDR软件下载链接回复【字体】，获取字体下载链接回复【毛笔】，获取毛笔笔刷下载链接
本文来自大风号，仅代表大风号自媒体观点。
用微信扫描二维码
分享至好友
用微信扫描二维码
分享至朋友圈
凤凰争鸣微信号
来点暖心的！扫这里
ps平面设计教程当前位置： >
> 淘宝Banner图如何做
淘宝Banner图如何做
来源：网络　编辑：王侠
　　淘宝Banner图如何做?淘宝banner图片制作的六大要素分享给各位美工朋友!包括先了解普遍意义上的色彩是指什么、再回顾一下Banner的组成要素有哪些、Banner的作用是什么......
　　一、先了解普遍意义上的色彩是指什么?
　　简单点来说，色彩即颜色，颜色可以分成有彩色和五彩色两大类，看有彩色主要看色相/纯度/明度三个方面的属性，无彩色也就是白色/黑色/各种深浅不同的灰色，也可以说无彩色是饱和度为零色彩。
　　色相，即可以明确表示颜色色别的名称，比如红橙黄绿蓝靛紫：
　　色彩有冷暖之分，我大致用温度的概念标注一下，其中&0&是指中性色，&-0&是指中性偏冷，&+0&是指中性偏暖(这里的温度是我自己为了具体化冷暖的概念而标记的，主要是方便大家理解，所以不用去纠结这个数值准不准确哈哈，你明白他们代表很冷/很热/一般冷/一般热就好了!～)。明度，就是指色彩的明亮程度(通俗点讲，在某种色彩里添加的白色越多就越明亮，添加的黑色越多就暗)。
　　要想做好电商设计，最基础学问最大的当属Banner设计了，所以我们还是从Banner设计开始说起，先回顾一下Banner是由哪些部分组成的。
　　二、再回顾一下Banner的组成要素有哪些?
　　Banner组成要素包含4个方面：文案 、商品/模特、背景、点缀物。
　　三、Banner的作用是什么?
　　宣传/展示/广而告之/准确传达信息。
　　四、那么在Banner设计中影响到信息传达的有哪些因素呢?
　　(一)整体画面的气质是否对路;
　　(二)信息之间的层级关系是否准确;
　　(三)是否考量了Banner所投放的环境。
　　接下来，我们针对上面3个因素一个一个来讲解：
　　(1)整体的画面气质是否对路
　　这里指的画面气质就是指给人传递出一种什么样的感觉，比如说用户看了你这个Banner之后会感觉它很热闹/很素雅/很高冷/很年轻有活力/很潮/很压抑/很恐怖/很高贵等等这些感觉，那么下面我举几个例子：
　　Banner举例：很热闹的画面气质(关键词：低价促销/周年庆/节假日促销等搞活动的性质)
　　总结观察：画面由暖色变为冷色后，会发现热闹的画面气质锐减，所以在表现热闹气质的Banner设计中，除了画面形式比较活泼或者动感以外，我们也常借助大面积的暖色(红/橙及附近区域)来渲染热闹氛围，让人感觉喜庆或者热血沸腾，然后控制不住就买买买～对于服饰的Banner气质的画面千万不要把画面堆得太满，一定要记得留白和搭配优雅纤细些的文字(有衬线或者无衬线字体均可)，或者比较有文化底蕴的字体，千万不要用五大三粗的文字或者把画面塞得满满的。
　　我们知道一个Banner包含有好几个部分，文案/模特或商品/背景/点缀物，而最终他们组合成为一个Banner，其层级是存在主次之分的，可以分为下面几种情况：
　　1、以产品或模特为主角(主要突出产品或模特);
　　2、以活动标题为主角;
　　3、以利益点为主角。
　　而背景和点缀物永远不可能是主角，他们只能是配角，同时在这里颜色不是一个独立的分析要素存在，它应该是伴随着平面的知识点来说，所以这里我也会顺带一点平面方面的知识点，举几个例子：
　　(一)以产品或模特为主角(主要突出产品或模特 )，我们有三个方向可以去发挥：
　　(1)让商品(模特)的颜色与背景颜色绝对地区分开来，让它成为天空(画面)中最闪亮的一颗星～也就是我们说的色彩对比，色彩对比又包含三种：明度对比/饱和度对比/色相对比，假设下图中的圆就是商品或模特。我们再去色看一下对比的效果，如下图(去色是我们常用的一种查看信息是否突出的方法，令外还有一种距离观察法查看对比效果，比如你也可以离屏幕站远一点查看，或者人保持不动缩小画布查看)：
　　这样看，哪个对比效果好些?是不是一目了然了?不过还是要说明一点，明度饱和度里任何一项要素发生改变，其他要素也是跟着改变的，比如说你增加了一个颜色的明度，代表你在这个颜色里增加了白色，那么相对应的这个颜色的纯度饱和度肯定也就下降了，不知道我说这些你们明白了没有?(默默点根烟～惆怅脸～)
　　对了，我还要在这里继续插一句嘴：色彩对比不会单独存在，它的运用永远是依附于下面两种方式存在的(增大商品模特面积或者增加商品模特数量)：
　　(2)通过留白或者大小对比的方式让商品(模特)体积或面积足够大。
　　(3)通过一定的摆放规律，让商品(模特)数量足够多，因为数量多了总面积自然也就大了嘛～。
　　(二)以活动标题为主角
　　跟上面的道理类似，可以运用增大标题面积或者同时结合色彩对比的方式使标题突出成为主角：
　　(三)以利益点为主角
　　道理同上(有时候我们做Banner会直接用利益点作为大标题，这种就会使Banner的低价促销的气息会更浓烈些)
　　总结来说，但我们讲色彩的时候，其实也是在讲平面构成，当我们在讲色彩三要素(明度/纯度/色相)的其中一项的时候，其实也意味着在同时考虑其他要素，因为色彩不会单独存在，色彩要素也不会单独存在(我重复这么多遍，也是操碎了心呢～～)。
　　是否考量了Banner所投放的环境?
　　当我们讲到环境的时候，往往会讲到外部环境和内部环境，也就是站在全局去考虑问题和站在自我的角度去考虑问题，如果你是要在某平台投放 Banner，那么这个平台对你来说就是大环境，具体到你投放的那一小块Banner位置就是小环境。
　　从平台设计师的角度出发，她肯定是希望你所有的Banner放在这个平台页面里，整体是融合的，不突兀的 ，比如下面的万件好礼免费送和专属活动这块的小Banner，用不同色相表示不同会场或主题，但是每一个色彩的明度饱和度是相似的，设计形式也一样都有自己的规范，这就给人整体统一协调的感觉：
　　五、色彩在Banner设计中所起到的作用
　　(一)点缀作用(渲染氛围用);
　　(二)突出主体(梳理信息层级);
　　(三)平衡画面(整体视觉协调);
　　(四)延续风格(涉及到风格统一调性的时候);
　　(五)塑造画面气质(传递恰当的情绪给用户)。
　　就以上五种作用，我在下面会分别举例说明：
　　(一)点缀作用(渲染氛围用)
　　当你做了一个冷色调的页面拿给你的主管或需求人看，他说画面太冷清的时候，而你又懒得改颜色改形式等等，总之你非常懒不想动，那么不妨试下下面这样周围点缀些暖色的方式(色彩依附的形状和大小面积你自己斟酌咯～只需要记住点缀物是配角，他是烘托气氛用的，永远不要抢了主角的风头，要不然导演不给你这配角安排角色了，怕不怕?)。
　　(二)突出主体(梳理信息层级)
　　这个通过色彩对比来突出信息层级的作用其实我在前面的知识点里已经讲了哦，翻回到前面去看下吧，我就不继续说一遍了。
　　(三)平衡画面(渐变色使得整体视觉协调)
　　我们有时候会看到一些Banner强调的是整体画面的协调感觉，并不会重点去突出强调什么，整个画面给人感觉特别舒服，那是因为他们往往采用的是类似色对比或者邻近色对比，亦或者是采用相似明度和饱和度的不同色相的渐变调和。
　　(四)延续风格(涉及到风格统一调性的时候)
　　通过色彩来延续风格的作用往往在平台做一些比较大型的活动，涉及到多个不同品类不同分会场的时候会运用到，我看到一些店铺电商品牌也慢慢规范化了之后也会用到这种方式以保持品牌统一调性性，也就是保持设计风格一致，色彩的明度纯度接近，只是改变色相，以不同的色相代替不同的品类或者分会场来设计Banner图。
　　(五)塑造画面气质(传递恰当的情绪给用户)
　　比如我们前面提到的很活力/很可爱/很高贵/很素雅等等，我这里也不继续描述了哦，文章开头都有提到过的。
　　淘宝Benner图如何做，优秀案例欣赏
　　六、如何在Banner设计中使用色彩
　　色彩不会独立存在，他必定是依附于其它构成和表现形式而存在，比如平面构成、立体构成等，所以我将从下面几个方面来论述：
　　(1)当色彩运用在不同的面积;
　　(2)当色彩运用于不同的形状;
　　(3)当色彩运用在不同的肌理;
　　(4)当色彩运用于不同的色彩;
　　(5)当色彩运用于不同的主题;
　　(6)当色彩运用于不同的环境。
　　总结：
　　我们需要知道色彩是一种情绪的表达，也许要学会举一反三(其他颜色可以以此类推无论)，另外无论是有彩色还是无彩色它们都不会独立存在，它必定是依附于其它表现形式而存在，比如与平面构成、立体构成结合运用。
猜您也喜欢...
推荐淘宝素材
淘宝素材排行
本站提供的图片仅供学习和交流使用，版权归原作者所有，请勿用于任何商业用途
更多信息请浏览本站免责声明