四个步骤设计扁平风格banner

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
3443 5 60 2018-05-19

第一次录制视频,以工作经验分享,主要给小白们学习,慢慢完善,谢谢(提供充电宝png素材)

Image title


· 几何图形:

现在先理解一下关于几何图形的要点,图形无处不在,大部分图形都是由圆、三角、方形不断组合而成为重要的视觉图像。图像也分为平面图形和立体图形两种,下面两种案例,左边平面视觉,通常会作为背景纹理使用,容易融入色调,具有线条感和导向性;右边立体视觉,根据商品的角度,调整立体图型的角度突显视觉层次感,图形使用要点:板式是没有固定限制的,不过要根据文字,商品的位置关系排列调整位置、大小,留出重要信息清晰的阅读区域,色调通常使用整体色值的接近色,在视觉上呈现若隐若现的感觉,既存在也不抢走重要信息的阅读。(*小提示:设计banner前可以先把文案,商品排列进去,确认了色调后,有了大概的构思,再设计出图形,然后调整大小和位置)

Image title

· 色调:

其实不会调色的老铁们,最快最简单的是去找参考,看你喜欢的颜色,在图片上吸取你喜欢的颜色,但是很多时候都会把banner设计的很灰,要么就是什么颜色都有,乱糟糟的,所以运用起来还是需要点技巧的,简单说下色调使用方式:

Image title

渐变色调最常用于背景,其实同样也可以用于上面说的图形形状,背景渐变与形状的渐变色搭配可以带来不错视觉效果,根据banner的排版方式,进行不同方向表达,通常有3种渐变效果,在下面举几个小例子:

Image title

· 商品:

banner摆放商品尽满足一下几个条件:商品图清晰,多种摆拍角度的商品组合,在使用不同类型的商品尽可能使用同色系商品,根据光源的位置做出投影。(*小技巧:1,。在白底下设计的投影请使用灰色,状态选正片叠底,投影一般都用两层,在正片叠底的效果下,会区分出深色投影和浅色投影,这样会比较好看自然。2.在有颜色的色块上用该色值饱和度低偏深的颜色,不建议使用黑色做投影。3.如果是做玻璃瓶的商品的投影,请在投影里再添加一层白色的模糊图层,状态选叠加,会有种透光的效果) 下面展示4种投影的方式:

Image title

· 文案:

这里我只简单说说比较简单的排版方式,有机会的话再分享关于字体设计以及排版的方法,常见的电商类文案分三层:主标题、副标题、优惠信息,只要分清主次,突出最重要的主标和优惠信息,一张banner字体尽量不要超过3种,因为要给用户在视觉化上有统一性,字体过多,会很乱。


· 练习步骤:

Image title

Image title



Image title

Image title


全部评论:5

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票