电商banner溶图的设计经验分享.doc

电商banner溶图的设计经验分享 第一次做教程分享，希望小伙伴们能够喜欢！素材地址：/s/1qYTQDu. 今天就一个简单的banner作为案例，在这里写一点点小经验，其实设计就像窗户的一层窗户纸，在你没有彻底的研究它的时候，你朦朦胧胧，当你捅破的时候一切都很清晰。话不多说举个栗子: 那么接下来我就简单的梳理下设计思路： 1. 了解产品进行定位分析 2. 找灵感 3. 画出草图，注意布局与构图 4. 寻找素材 快速拼图? 5. 制作融合 ? 5.1搭建出大环境 ? 5.2调整色调，明确光源 ? 5.3加入产品，调色，明暗处理 ? 5.4加入文案， ? 5.5加入元素，丰富画面 ? 1.了解产品进行分析与定位 ?首先你要了解你的产品，要考虑她的受众人群有哪些，什么年龄阶段的，其次理解产品的卖点是什么，产品色系和构成元素，根据分析，准确把握品牌的定位，突出卖点，从而吸引客户 2.找灵感 其次要浏览大量的作品，找到心仪设计的做为参考，即使工作很多年的设计狮也要找一些参考，需要去参考诸多产品的设计，去理解和分析，取其精华，去其糟粕，根据自己的思想合理安排你的设计，然后动手做，你才会知道设计师当时针对每一个元素为什么要这么安排，他又妥协了什么。 3.画出草图，注意布局与构图 这里构图的借鉴，借鉴图1和图2 ，氛围借鉴图2和图3 通过对参考的分析，整体构图是左右布局,产品的构图是倒三角构图，得出一般场景合成设计特点：?注意光源，受光面?明暗交界线?反光?阴影?轮廓光?冷暖对比（前暖后冷）分别分为前?中?后景?前景虚?中景实?后景虚?一般产品会放在中景上?前景饱和度高?后景饱和度低?后景一般用留白比较大的天空 4.寻找素材，快速拼图 这一步相对麻烦一些你需要找很久的素材，大量的素材，反复的尝试，这里要注意尽量找色调统一，光源统一的，如果实在找不到可以自己手动调整，其实每一样素材的挑选都是有设计师自己的思想在里面的。稍后会跟大家逐一解释。 5.制作融合 ? 5.1搭建出大环境 把A1 A2 A3分别依次置入作为远景，中景，前景，用画笔在图层蒙版当中溶图 5.2调整色调，明确光源 ? 针对每张图进行调色,保证每张图色调统一，A1调色的具体参数: 调成这个感觉即可: A2调色的具体参数：调成这个感觉即可 A3调色的具体参数：调成这个感觉即可 整体背景调成这个感觉即可: ?5.3加入产品，调色，明暗处理 根据光源给产品添加明暗关系混合模式为柔光，加入曲线调对比度，给产品底部加暗，由于该产品自身颜色加暗不易出效果，所以用色相饱和度改变色相加深底部参数如下: 调成感觉这样即可： 由于产品直接放在上面看着比较假，所以我选择了一些水果搭配起来，在此案例当中为什么找到桃子作为素材，并且是有白色的 一方面是我们做的产品是桃子产品，放入桃子的元素是强调突出产品特点，与桃罐头进行一下呼应，另一方面是希望白色可以调和两种颜色之间的衔接，不会显着那么突兀（羊和小草也是同样原理）。为什么选择菠萝元素进行搭配，是因为设计的整体色调是绿色和黄色调搭配的，菠萝元素本身的黄绿色调与想呈现的视觉效果比较一致（橙子，鹦鹉和小鸟也是同样道理）然后分别针对这几个元素用色彩平衡进行调色，都向黄色和绿色调上靠近，目的是为了和整个色调相互融合。 桃子调色： 橙子调色: 菠萝调色： 然后非别用画笔强调出来素材的明暗面（做法和产品新建图层用画笔加明暗调混合模式一样），菠萝，橙子，桃子和产品之间遮挡部位加暗。这个感觉即可 ? 5.4加入文案 根据文案内容找到一定的设计参考 此文案当中有一定的对比，大标题的手写体与小文字之间形成字型对比，大小对比，肌理对比，以及疏密对比，加入文案时注意：画面中文案与产品之间的比重尽量保持平衡，案例里目前文案的重量较轻，产品比重相对重一些，所以后期会加入了一些元素尽量保持画面比重均衡。 ?5.5加入元素，丰富画面 加入一些元素丰富画面分别加入树枝，小鸟，鹿，羊小花和小路， 一方面是为了烘托气氛另一方面是为了使画面比重平衡，飞着的鹦鹉与停留在树枝上的鸟形成大小对比与重复原则，鹦鹉与摆放在草地的水果和静止的鸟形成动静对比，树枝，藤蔓，羊，鹿的指向都是向中心目的是为了从四周向中心更好的引导用户的视觉流，菠萝与桃子与产品之间形成前后对比，近处的花花草草和远山形成远近对比，加入小路元素一方面是为了让画面更有纵深感，另一方面是为了引导用户看向文字，然后分别强调素材的受光面和明暗关系以及投影。最后整体调整，分别加两个曲线一个加暗一个提亮，蒙版填充为黑色，用白色画笔调整，目的是让画面中间亮起来，四周压暗，再调整整个色调让整体色调偏冷。 最终效果： 本文纯属学习交流，部分图片来源网络，如有侵犯请及时与本人联系!欢迎火星时代官网/ 进行了解 ? ? ? ? ? ? ? ? ? ? ?