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