服务的目标主要是我司海外不同的运营团队,设计Banner( 二 )


下面是关于不同版式的使用建议:
当配图的示意不明确时 , 建议优先使用左文右图的版式 。
配图示意不明确通常指:配图主要是根据文案内容绘制的辅助图形 , 这个时候用户只看图无法明确活动内容 。
这种时候则建议优先使用左文右图的版式 。 根据尼尔森F视觉模型 , 我们的浏览习惯通常是从左往右以及从上到下的 , 因此将文字信息放在左边有助于用户快速浏览 , 获取重点信息 。
服务的目标主要是我司海外不同的运营团队,设计Banner
文章图片
当配图示意明确时 , 则可以考虑左图右文的版式 。
配图示意明确通常指:用户根据图片即可明白活动的对象 。
如果活动的对象还具有较强的吸引力 , 则建议优先使用左图右文的版式 , 通过有吸引力的活动图片获得用户的注意力 。
服务的目标主要是我司海外不同的运营团队,设计Banner
文章图片
2. 文字居中排版
【服务的目标主要是我司海外不同的运营团队,设计Banner】当对象的品类多、范围大时 , 建议使用文字居中板式 , 突出文字内容 , 如折扣优惠等信息 。
服务的目标主要是我司海外不同的运营团队,设计Banner
文章图片
三、外衣—Banner的颜色
根据产品的品牌配色 , 以下是色彩的搭配建议:
服务的目标主要是我司海外不同的运营团队,设计Banner
文章图片
选取颜色时可以采用这2种思路:
主色+同色系的辅色
主色+对比色
可以避免颜色过多 , 导致画面过于凌乱 , 增加用户认知负担 。
当采用“主色+同色系辅色”时 , 优惠信息建议使用色块等方式去突出;当采用“主色+对比色”思路时 , 优惠信息建议可使用对比色去强调 。
图里的颜色建议仅供参考 , 大家在制定颜色规范的时候需要结合自身产品的品牌调性去定义 , 不能凭空捏来 。
四、层次—Banner的元素
我们可以将构成Banner的元素分为三个层次:
文案层
元素层
背景层1. 文案层
文案的对齐方式有:左对齐、居中对齐、右对齐 。
文案组合设计形式常见的有:上下组合、上中下组合、一体式组合 。
服务的目标主要是我司海外不同的运营团队,设计Banner
文章图片
一般来说 , 上下组合和上中下组合的方式在使用上没有太多的限制 , 主要根据文案内容去选择使用;但一体式的文案组合方式建议是搭配居中布局的banner版式 。
2. 元素层
将banner的元素层拆解的更细致的话有可以分为主体元素、点缀元素 。
这部分的图形元素是相当于是组件库 , 是设计积木 , 当这个组件库足够丰富时 , 设计师就可以减少重复的劳动 , 提高设计效率 。
以我司为例子 , 我们可以将常用的元素分为:人物形态、折扣相关、旅行场景、地标景点等 , 我们需要做的就是是维护并丰富这个组件库 。
服务的目标主要是我司海外不同的运营团队,设计Banner


推荐阅读