5个高质量的Banner设计方案.docxVIP

5个高质量的Banner设计方案虽然我以前写过诸多电商UI设计和Banner设计方面的文章，也做过很多设计点评，但是因为懒和时间精力有限的缘故，我几乎很少亲自去改稿，毕竟我觉得自己的时间也蛮值钱的，所以我只做自己想做的事情。但很多人会觉得如果能看到改稿前后的对比效果以及修改的原因就好了，因为大家平时在做设计的时候可能经常会好无头绪或者看不出自己的问题在哪里，所以我汇总挑选了5个我近段时间的实操案例给大家看看，相信你们看完今天的改稿对比后，会更加清晰自己UI设计平时所存在的问题。改稿案例一UI设计接下来我给大家分析一下原图存在的问题，以下是改稿前的原图：UI设计这张图，说实话如果是给新手看他估计觉得没什么问题，因为初一看，排版也尚可，粉红粉蓝嫩黄的颜色搭配也还行，比较少女系，只是整体比较常规罢了。但是内行人再稍微深入一些去看待，就会发现很多问题，（作为一个内行人的）我给大家一一列举出来看看你就明白了。首先，这个Banner看文案便知是情人节主题的，而情人节主题的banner设计其实有很多种感觉氛围可以去表现，比如浪漫的、小清新的、华丽的、炫酷的等等，那么这里感觉设计师是想往粉嫩可爱的方向去发挥，剪纸风格方向，并且是卖一些女性相关的包包配饰香水之类的产品，整体是想临摹一种商品陈列的感觉。基于以上分析，我总结出了以下问题：（1）整体颜色偏灰，给人感觉不太干净，尤其是标题文案部分的颜色和阴影处理；（2）标题字体采用了衬线字体，这种字体用于剪纸风格会显得比较复杂，因为各种小细碎的笔画太多了，所以要么更换一些比较简单的非衬线字体样式，或者是比较浪漫气质的连体手写体英文，自然流畅，主要看你想表达什么感觉；（3）商品选择有点问题，比如最中间那款包包的风格明显跟其他产品风格不搭，其他都是比较简洁现代的样式，而这款包包却过于实物化以及复杂，像一件衣服还带有格纹，并且包包四角还带有圆润的圆角，所以为了保持整体风格基调一致应该替换掉。（4）排版布局方面，除了标题文案部分的排版节奏不太优美以外（长－短－更长的比例节奏可以改为短－长－短或长－更长－长等等节奏样式），商品部分大比例太过于平均，分布有些散乱，所以看不到重点）；（5）细节方面，比如那些心形的形状扭曲曲线太多了，看起来就很不现代不简练，画面里所有的阴影看起来都非常假，气球部分的形状看起来也像泄了气，长长的椭圆形看起来不够饱满有精神气儿，而且气球作为一个氛围点缀物，它的大小居然已经赶上商品了，颜色又比较抢眼，所以不太合适；（6）整体背景部分被一条直线切割开来，使得画面过于保守，影响了浪漫氛围的传递，所以应该灵活变通，通过增加其他物件或调整设计形式的方式来打破这种呆板的感觉，让画面动起来。基于以上6条问题分析，于是我改出了下面这版banner：UI设计我改稿和指导人的原则是，只要原设计师在大的设计方向上没什么问题，那就尽量保留原设计师的想法，然后我会在细节、比例、节奏、色彩、字体、创意方向上对原稿进行修正和补充，从而让画面更加有感染力，所以对比改稿前和改稿后，你们应该可以感受到画面所传递出的情感和信息层级上微妙的变化，因为我让画面更加梦幻了，产品也更加突出了。当然这里也需要说明一下，一个小小的banner设计里面其实蕴涵了大量的方向／维度／信息，你可以选择以突出氛围为主，你也可以选择突出文字为主，你也可以选择突出商品为主，甚至如果你觉得自己够厉害你可以把他们都突出但是又能做到整体协调，这些都是你自己的选择问题，设计并没有唯一答案，主要看你有什么需求方向。改稿案例二UI设计接下来我给大家分析一下原图存在的问题，以下是改稿前的原图：UI设计这张图新手也是看不出问题的，因为感觉用色挺好看，文字信息也挺突出的，但是它确实存在很多问题，接下来我把问题一层一层剥给大家看。首先看文案信息，我们可以得知这张banner其实是属于低价热闹促销类型的，画面氛围可以闹腾一点，你可以假想它是一个放在银行或商城自己官网内部的一个会员积分兑换活动Banner，所以这个Banner在设计方向和用色上问题都不大，但是整体视觉效果比较差。基于以上分析，我总结出了以下问题：（1）因为头部那2片图层的遮盖，导致视觉上感觉中间那个圆形主体在往下掉，整体画面非常不稳定，而且那2片图层的形不好看；（2）中间圆形部分看起来像是由3个圆形组成，但是因为部分区块颜色接近，所以图层融在一起了，看起来太暧昧不清；（3）所有的商品看起来都是乱摆的，毫无规律可言，并且商品全都是小小的跟蚂蚁一样大小，放在这些大圆里面感觉特别奇怪，就像在甜甜圈上胡乱洒了一些各式各样的不明物体一样，这一部分的问题最大；（4）所有以上问题，使得这张Banner画面不平衡，既呆板也凌乱，没有美感；基于以上4条问题分析，于是我改出了下面这版banner：UI设计同样的，这一张Bann