Before修改前
▽
缩略对照图▽
案列：飞利浦海报 尺 寸：1920x700px 安全区域：990px
亮点：背景纵深感强 主要误区：信息层级不清晰、飘絮过于强调
误区1
商品之间没有大小对比、商品重复
其一商品之间没有对比、有2个一样的只是存在颜色不同，我不建议放上来。对于商品摆放来说，4个商品这样摆放也会显得没有“男猪脚”
其二商品与商品之间有一些松散。
其三逆光和环境色不够、所以显得商品还没有融合到画面中。
误区2
标题毫无主体
其一标题没有一个重要的，而且相对来说很小。极其的靠右这样是最大的错误。其二英文装饰过重、应当弱化。英文如果是需要，可以多找些英文和中文这样的标题组合，但还是要分清楚重点。
误区3
背景上面有点偏白、颜色有些欠缺
其一中间上面有点偏白，没有内容。显得画面有些空洞了。
其二背景的颜色有些过于偏黄了，可以加一些颜色。逆光也同样有一些欠缺。
误区4
飘絮过于粗糙、复杂
在添加飘絮装饰氛围的时候，我们不要一味的去添加。合适就行，有时候只需要有一些感觉即可。特别是这种碎、细的飘絮。
After修改后
▽
缩略对照图▽
修改1
拉开“男猪角”和配角直接的大小
其一减少到3个商品摆放，这样更加具有稳定性。其次拉开他们直接的大小，这样就有了对比。
其二给商品用中性灰修图增强明暗对比，效果是很显著的。
其三商品周边增加一些环境光，另外他们直接的阴影不能忘记。
修改2
主标题重点化
其一挑出文案的重点作为标题，一般来说不超过8个字
这里我随便起来一个标题，直接放大它，方法简单粗暴、但效果显著明了。其次要注意的是不要干巴巴的直接丢文字上去，给他们分层、动态模糊做一些效果处理，会更精致一些。
其二在商品背后加一层薄薄的英文装饰一下。
修改3
优化背景颜色
其一在背景的颜色上面增加一些红色，画面会更暖一些。其次背景上面增加一些云做背景，避免太白过于空洞。
其二增加一些逆光、逆光可以通过一些光的射线滤色后处理。
修改4
弱化、在弱化飘絮
其一降低透明度，减少飘絮数量。
其二颜色上面也要避免单纯的灰白色、可以调一些颜色上去，跟画面的融合感会更强。
1、页面需要一个“男猪脚“ 2、环境光、逆光不能少 3、飘絮要做一定的弱化
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
Before修改前
▽
缩略对照图▽
案列：女装促销海报 尺 寸：1920x646px 安全区域：990px
亮点：流动舒服、模特角度不错 主要误区：配色不和谐、商品突兀
误区1
标题细节缺乏
其一标题的处理方法上面是可以加描边处理的、但一定不能过于突兀，现在的黑色描边就比较突兀。
其二立体面的颜色不够深，黑色描边更加复杂了。
其三标题没有做阴影层，所以在画面上面显得比较尴尬，不够融合。
误区2
装饰元素略散、对比不够
其一装饰元素没有虚和实、大和小的区分，所以就少了对比。
其二位置上面和主要内容偏远了一点。
误区3
商品处理不恰当
其一商品处理上显得突兀，没有虚实的处理，干巴巴的摆放在哪里。
其二商品也没有阴影，所以造成了不融合，显假。
误区4
背景空间感不足
其一背景的明暗、深浅不够，所以让画面变的比较平。当然也考验这样做，但要考虑真个画面，如果你的需要把背景做的比较平，那字体就不要做立体了。
其二配色比较突兀、紫色和绿色搭配不够明亮也不舒服。
其三图案有点过于明显，因为如果你是想做比较有空间感的画面，所以要么不加图案或者弱化。不然图案的排列会把页面显得更平。
After修改后
▽
缩略对照图▽
修改1
完善标题细节
其一调整描边颜色跟选择和背景相近的颜色即可，顺便增加一点内阴影，立体感更强一点。
其二去掉里面的描边，增加阴影。弱化图案叠加。
修改2
增强元素的对比
其一调整元素的大小，区别大一点，大胆一些。增加虚实关系营造远近关系。
其二实的元素向中间靠拢一些，虚的元素向外。
修改3
处理商品细节
其一部分商品虚化增强空间感，1-2个做个动态模糊效果增强效果。
其二部分颜色调成和背景相近的颜色和页面融合，其次需要给商品加上阴影，更加真实。
修改4
大胆的调整配色
其一背景的明暗关系大胆的调整，没错在大胆一些，营造空间感。
其二调整利益点的颜色、紫色和黄色搭配是个不错的选择，黄色总是一个好选择。
1、背景空间感大胆的调整明暗关系 2、配色选个明亮的颜色 3、虚化该虚化的
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
Before修改前
▽
缩略对照图▽
案列：banner 尺 寸：1125x360px 安全区域：留一定边距
亮点：模特俏皮可爱、选品不错 主要误区：信息不突出、元素混乱
误区1
标题处理效果突兀
其一标题在颜色方面没有一个很明显的区分。
其二图案叠加在文字里面让文字变得更加不清晰了，太过了。
误区2
色块形式复杂
其一条纹排列过于复杂化了，而且在这一块位置显得更加沉重了，处理的不够轻松。
其二阴影处理的比较重，显然是不是个好主意。
误区3
标签粗糙的不像话
其一标签真的好粗糙，叫我一个设计师怎么看的下去。不行了我的强迫症要犯了。
其二颜色和背景都融合起来了，啊，好想打人。
其三那个毛边边是什么鬼，这个设计你给我粗来。
误区4
背景颜色深浅不够、装饰乱
其一背景比较平了，深浅关系没有做出来。要么就不要做高光嘛，做了高光为什么不做暗部呢。
其二背景后面的长条形状比较乱，虽然很浅，但我还是觉得比较乱。多则乱。
误区5
飘絮元素乱
其一很明显绿色和粉丝搭配是不和谐的。
其二飘絮多了，有了樱花就已经足够了。绿叶纯粹就是画蛇添足。
其三标题上面的那些绿叶简直了。
After修改后
▽
缩略对照图▽
修改1
标题信息区分化
其一去掉图案、颜色调成微渐变，这样更加轻薄、时尚。
其二全球首发特殊化处理、更类似于一个标签一样颜色搭配和粉丝相近的紫色，颜色也是微渐变。
其三增加投影，浅一些。不要太重。
修改2
飘絮简化
其一直接去掉和页面不搭的绿叶，另外说句别拿东西当住文字。
其二樱花大小变化，3-4个即可。多则乱。
修改3
处理标签细节
其一原本的表情形状是不错的，但是还不够圆滑。处理上也是很粗糙，调整下圆滑度。其次颜色可以为渐变色，这样会更加时尚化。
其二可以在一个圆点孔类似书签一样，这样看起来更加精致。
修改4
提炼辅助形
直接把长条和圆形拿上来，做一些颜色上的处理。其次需要减少数量。增加气氛和动感。
修改5
突出信息
其一既然我们的配色要和背景相近，但我们也要把它们区分开来。我建议是直接拉通色块，这样形式也有了，商品人物、文字都突出清晰了。
1、元素多则乱 2、千万别让信息和背景融合 3、渐变的用色会更加时尚
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
Before修改前
▽
缩略对照图▽
案列：banner 尺 寸：705x305px 安全区域：留一定边距
亮点：.................. 主要误区：主题不够明显
误区1
标题过于简单
其一标题之间没有一个很好的区分，特别是在颜色上面。
其二有点太过简单了，虽然是要你穿的简单点。
误区2
背景纹理复杂
其一背景上面的图案纹理有一些复杂了，太细了些感觉不够Men。毕竟是男性。
其二背景略简单了，纯色快。可以加一些情景，增加大牌感。
误区3
多余的东西
其一放个人影在后面是干嘛，这是要分身么
其二还是同一个人，直勾勾的盯着我，我害怕。人一害怕就想抓点什么⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄
误区4
突兀的元素
白框在这里形式还好，但是有点太过明显了。我们需要把不重要的东西弱化，不能喧宾夺主。
After修改后
▽
缩略对照图▽
修改1
标题层级区分
将标题区分开来，在我看来穿的简单更像主标题，所以要更加突出。其它都是辅助文案，因为压根就没什么利益点。其次给标题增加一些重叠的感觉，更有设计感。
修改2
背景情景化
把背景配上一些男性帅哥的图片，情景化。这样更有看点，也更有魅力。还有一点点大牌的感觉呢。
修改3
弱化该弱化的
其一白色的框并不需要那么多出，只是装饰作用。所以我们需要把它隐藏起来，对就是弱化。
其二弱化颜色。
案列总结：
1、别人背景太过复杂，情景化也是个不错的选择 2、标题不要干巴巴 ,尽量做一些处理
内容转载自公众号
三根设计骨
发表于 2016-10-27 11:32
