新手必学:电商banner设计5大秘诀

【2018-01-16】

  新手必读:5个提示电子商务横幅设计

  本文的电子商务横幅设计全部都是七八八八,而如何运用图案来增强节奏感+装饰活泼的气氛;如何分割背景;技能。值得一提的是,案例非常丰富,可以大大减少新手学习的难度。为了帮助您更快地了解横幅设计的一些技巧,还有一些新的想法与您分享。来自网络的一些案例,删除了联系人评论。 01)横幅5宝1,模式图形的节奏2,装饰碎片大气脚3,分割背景更加活跃4,背景色块5,终极宝02)案例转载分享是不是也出现了这些问题:1,屏幕很脏2,页面是空的3,一个不到一个节奏模式的细节指的是什么模式我们都知道,但也多多少少使用。图案放大可以成为气氛,狭窄也可以非常微妙。然而,Banner中出现的大部分图案大都是重复的或旋转的几何形状,用作背景纹理来丰富背景的细节。有时候人们常常会在背景中说点什么,下次不妨尝试一下。不一定要使用,如果你需要尝试它的效果。例如:使用转换重复模式的几何,我把它称为固体背景上的模式。具有纯色背景的案例的背景,没有过多的颜色。在这种情况下,为了避免背景太简单,所以加入菱形图案以丰富背景细节和层次。什么人可能会问图形,图形和图形有什么区别呢。图案通过复制和平移获得,图形可以平移和旋转以再现形状的形状。模式往往比模式更有节奏,图形需要手动调整和复制,并且可以做更多不同的重复。模式更好的规律。再举一个例子:图1:案例中的人物通过同一圆角矩形组合成更强烈的节奏感,长度和宽度发生变化。它可以是颜色变化,它可以是单色阴影。图2:案例使用三角形上下循环,通过改变颜色深度来增强空间感。其实上面还加了一个三角形的图案,我不认识你看不到的小朋友。看看对比01 - 背景是图案与否的区别:我拿了一个三角形图案横幅对比有无添加图案的感觉,在没有添加图案的情况下,尽管这种情况在其他方面我做了很多视觉表现,没有图案或者感觉少一些节奏和细节。当我们添加一个背景图层的时候,图片变满了,而且还增加了提升的感觉。看看对比02-背景与图案与否的区别:同样与图案相比(大家看多点我加深了一点,因为不是很清晰的线条图像缩图)图案不仅可以是Shape,也可以是一条线。很明显感觉到第一张图片的宣传氛围已经得到满足,但通常我们会添加一些图案来使背景更具细节。 (个人意见仅供参考)图案的应用第一种情况使用三种图案,圆形,星形,竖条是设置页面背景。哪个垂直条是图形重复。第二种情况使用类似于波浪线的图案,这些图案总是会给人一种节奏感。图形应用案例是从图形发散的小多边形,不存在强烈的节奏感。这个图案不仅可以重复平铺,而且还可以通过基本类型放大 - 复制 - 放大循环的形状(也可以说是放射性成分)在这样纯白色的背景下,视觉大胆的使用单一倾斜的条纹复制背景图形,结合模型的态度和多彩的元素巧妙地产生节奏。二,装饰杂物的气息足够横幅设计中常用的有彩带新娘,长方形,三角形,红色信封形状,酒吧装饰等。案例中有一个图案,图案密集的小点图案,使背景更加细化,圆形的多重复制图案使图片更加饱满,浮起来的装饰也不算大而小。三个方面要注意1)基本的大小基本都是最基本的,因为大小空间感,节奏感,如左图所示12)不克隆克隆意味着所有元素都不重复使用三角形笔画的情况下,填充几何体的元素越多,但是不够用。如图3中间)有深浅三角色深度的光线看它,这样就使画面不会很平坦没有远处感觉。如右图所示1三,更活跃的背景分割有人问我使用Banner分割是什么?圆形,长方形?我当场震惊,只想安静。这是你想用什么分割可以啊,不同的分割给出了不同的视觉体验。找出你想知道什么使用。因为横幅设计确实非常有效,所以我们不仅需要练习,还需要比较分析,这样我们才会成长得更快。在同一主题下展示不同分割应用的案例。矩形分割应用△无分割△分割有矩形分割的例子,可以使得倾斜更加整齐。还有其他方法我不一一例如我们更注重观察和收集(这个情况只是把分区的其他方面,比如说我不用调整)圆形,三角形的分割△△三角形△圆圆的人看起来会有一种流畅,包容的感觉,而且三角形的感觉干净利落。副本或模型(产品)后面的大小,位置的形状可以更改。不同的地方会感觉不同。背景分割会使你的屏幕变得更加分层次,更多的尝试会慢慢对分割和感受有所了解。四,第四色宝石的背景颜色大块的色彩应用,在横幅设计中尤为明显。天猫,淘宝,京东等国内电子商务平台的活动也往往是以色块为背景的。作为一种风格,色块早已流行。在大彩色背景之上,白色的文案,模式成为视觉焦点。在类似时尚流行元素的色彩背景应用中,屏幕的节奏感出现了。情况如下:在这种情况下,背景颜色是整个蓝色块。白色文案非常突出,已成为视野的重点。所以有的时候我们会看到天猫,淘宝,京东在场内横幅的促销活动中经常这样做,一方面是让副本的视觉主题为重点,二是延伸到其他场合便于申请。没有太多的特殊效果处理,这大大节省了时间成本。使用彩色背景的时候要注意的最重要的是颜色,颜色尽量不要超过三个。模型或产品的颜色不应该从背景颜色跳得太多。例如,如果案例的背景是蓝色的,其他颜色可以是青色,紫色和黄色,这将更舒适。你可能会说黄色和蓝色相距甚远,黄色与任何颜色都很匹配,所以你会看到黄色的兴趣点出现在官方的Banner图像上,如果你的对比度颜色不好,补色,近似颜色和其他颜色理论,然后我们将它们简化成两个点01)黑暗与明亮,明亮与黑暗02)黑暗与光明,与黑暗03)暗与明亮,与暗色和明亮的颜色明亮没有指定哪种颜色如果你不得不说是黑色和白色,那么黑暗或明亮的颜色是可以控制的,就像色调一样,但是在饱和度最高的时候,从最基本的红色,黄色,绿色,蓝色和紫色,它们会产生黑暗和光亮的对比,这里的分类不是绝对的,因为一个蓝色非常亮,但是如果不是蓝色,则会比黄色更暗,每种颜色都有其最亮的颜色值,当然不会超过白色和黑色,白色是最亮和最黑的。就好像没有瘦骨world world的世界那么就没有瘦的世界,所以通过调整颜色饱和度的深度,我们会使它变得更暗或更亮,当然,如果我们熟悉颜色匹配的原理,了解对比色和互补色的原理,我们会更加彻底,我在这里提到的两种方法只是提醒大家少犯一些错误。例如,如果使用深红色,则应毫不犹豫地使用明亮或白色的颜色。例如:如上图所选颜色,黄色比蓝色更亮这是鲜艳的颜色,黑色则是明暗(背景色为主色)。由于两种颜色都是一样的黑暗,所以不管是什么样的错误的情况下(无论是明亮的或黑暗的白色和黑色可以与案件,当然,首先考虑白色 - 白色是视觉焦点)显然2明亮的颜色搭配不是明智的选择,如果要使用浅色和亮色,建议使用白色或黄色两种颜色。与白色和黄色一起去的明亮色彩显然是可行的,但仍然更加耀眼哦,从用户角度还是要谨慎使用。所以,随着颜色的舒适,有时候很多小伙伴会误入歧途,不明亮,他仍然尝试鲜艳的色彩。下次尝试用深色。黑暗的光线,深色的光线从中间开始深入颜色,反之越来越浅。色彩的色调是指从亮度和饱和度来控制颜色,然后颜色的颜色。例如:深绿色为背景色,与其浅色匹配。正如上面可以看到的,反之亦然:见案例:背景颜色的情况下,副本或兴趣点的形状载体与深色的灯光真相,当然,复制或白色。大部分的颜色深度都是用文字代替哦(记得白色的情况是视觉焦点)五,横幅终极宝贝!终极设计师把戏!养成Ctrl + S十分钟的好习惯。在这里我们看一下几个草案修改分享。六,草案分享案例一:修改前的案例错误:1.背景白色线条和白色立体英语太抢眼2.题目细节不够,不够细致案例一:修改后的解决方案:1.弱化线条和三维英文(混合模式柔光调整透明度即可)2.在一层图案(或点或线)的标题上叠加可以发现修改后的主在画面中身材比较突出,主体位置比较明显。标题也比纯白色更精致。案例二:修改前的情况出现错误:1.字体划痕过多,标题看起来有点肮脏2.标题有一些轻浮案例二:解决后的问题:1.最大限度地减少划痕舒适的比例(在材料上不够清晰的时候使用磨刀材料要更复杂)2给标题增加一层厚度,增加强度感。细线容易变粗,我们可以看到地图的细节。划痕变得更加细腻,就不会出现肮脏的画面案例三:在变化之前的错误情况:1.双方都比较空虚,产品推的高度与标题体不够接近2.虽然标题变形和做一些处理,是否更影响一些?稍微少浮一些气氛。案例3:修改后的解决方案:1.放大货物的两侧和所添加货物的高度。 2.划痕划伤文字,使其感到羞愧,重视气氛的增加,同时增加字体的粗细,强调力量感。 3.增加浮动,创造更加生动的画面氛围。两面修改得更加饱满,标题也更有气氛。 Banner5宝典回顾总结1,图案的图案使画面有节奏2,背景分割没有特定的形状,而是看你需要什么形状3,颜色不宜用鲜艳的颜色鲜艳,深色用深色优秀的设计案例那里是很多这个我们需要在平时收集和观察,更多的想法你会发现更多的空间。