02、视觉设计规范


1、突出重点

①、元素不宜太多,减少对主要信息的干扰

修改前标题和背景元素过多,主要信息(标题和转盘)的视觉被分散

因此标题做减法,背景通过调整透明度进行弱化

修改前

修改后

②、大标题样式具有设计感且阅读性强

互动大标题作为信息传递的重要部分,需要有设计感,且重点信息视觉突出

字体颜色不能融于背景,阅读性强

可通过描边、英文、字符、背景框等处理加强标题设计感

修改前

修改后

2、排版错落有序

①、避免素材粘连排版拥挤

修改前主体元素粘连在一起,过于拥挤

1、将礼盒、展示台、折扇部分向下挪,贴近刮奖区;

2、标题字放大10%,和活动攻略一起向上挪,拉开主标题和主体物之间的距离

修改前

修改后

修改前上半部分画面较满、拥挤,没有呼吸感

文字适当缩小,不要与环绕四周的素材粘连

修改前

修改后

②、错落有序

修改前整体排版(图形摆放、文字摆放)杂乱无章

1、画面笑脸排布太乱,跳跃太大,建议参考参考图,进行错落有序排列

2、标题字有主次标题区分;次标题文字较小,可适当延长文案,增加英文装饰,做成潮流排版风格

修改前

参考案例

③、画面视觉集中不过于分散

修改前素材过于分散,显得画面多而杂

1、将两个山川向中间靠拢集中,形成一座主山,左上角的桃花拿下来,放在山川中间,一左一右,一大一小摆放

形成山川中盛开的桃花的趋势,让画面视觉更集中

2、燕子一左一右面对面飞,这样视觉会更集中在主题

3、减少大面积色块的云带,采用细小的,有明暗、透明度变化的云带,注意前后空间的表达

修改前

修改后

④、文字排版需疏密有致,间距合理,主次分明

文字排版4原则

释意

案例

亲密原则

对比原则

对齐原则

重复原则

3、元素风格保持一致

①、字体和画面风格符合

如静谧甜美的国风插画更适合搭配优美的字体,而非粗犷的字体;卡通风格搭配卡通活泼的字体,而非端正的字体

优美的衬线体的笔画感更能增强国风的韵味

修改前

修改后

卡通字体更突出活泼可爱的感觉,符合主题调性

修改前

修改后

②、素材与素材之间风格一致

修改前卡通人物和整体国风风格不搭

因此去掉卡通人物,换成国风的燕子、风筝、蝴蝶、昆虫等

修改前

修改后

修改前画面整体零碎元素较多,略微杂乱,红包、金币元素,此类元素和主图立体风格不一致建议删掉

修改前

修改后

背景树木、色块、刮奖区边框增加描边,和主体素材风格保持统一

修改前

修改后

4、色彩和谐

①、色彩统一主体突出

修改前画面割裂破碎,色彩对比较为脏乱

1、整体减少大块跳色,让画面不那么破碎割裂

2、女性人物裤子颜色调整为橙色,绿色和橙色为互补色,更加协调

3、物皮肤颜色降低纯度,目前过红,调整为正常肤色的粉

修改前

修改后

②、避免使用灰暗脏乱的色彩

修改前整体色调偏灰偏暗,调整明度和纯度

1、男性人物衣服的红色和绿色搭配较违和2、标题颜色灰暗,建议采用亮黄色,可参考女孩身上的黄色,再明亮一些3、转盘转盘颜色太灰,转盘边、奖项、按钮都采用女孩身上的黄色,使整个画面色彩更加明亮,且主色辅色有呼应

修改前

修改后

③、色彩有层级关系

常用方法

案例

色相反差明度反差纯度反差


粥粥 2023年4月20日 17:56 收藏文档