导图社区 移动端Banner设计指南
本导图从国内外运营banner设计、banner设计技巧、如何使banner中主体更突出三个方面,详细剖析了banner设计技巧,并辅以案例加深对比理解。
编辑于2020-11-26 11:52:51导图大赛开始啦!用MindMaster制作思维导图,只要你颜值够高!创意够足!干货够多!就有机会赢取千元奖金,还有更多神秘精美礼品相送,奖品丰厚,惊喜多多,只要参与就能领取福利呦,快带上话题发布作品吧~
春节七天假,似乎什么矛盾和纷争都能用“大过年的”四个字平息。然而总有那么些人和事是例外,既然躲也躲不掉,还是想想当遇到这些提问时,该怎么机智的应对吧!
春节,即农历新年,是一年之岁首、传统意义上的年节,俗称新春。春节对于中国人来说是一年之中最重要的节日,具有特殊的意义,千百年的文化传承已经为春节形成了固定的风俗习惯。 中国地域辽阔,南北相距数千公里,因此对于春节的习俗也是大相径庭,下面跟着思维导图一起来看看南北方春节习俗到底有何区别。
社区模板帮助中心,点此进入>>
导图大赛开始啦!用MindMaster制作思维导图,只要你颜值够高!创意够足!干货够多!就有机会赢取千元奖金,还有更多神秘精美礼品相送,奖品丰厚,惊喜多多,只要参与就能领取福利呦,快带上话题发布作品吧~
春节七天假,似乎什么矛盾和纷争都能用“大过年的”四个字平息。然而总有那么些人和事是例外,既然躲也躲不掉,还是想想当遇到这些提问时,该怎么机智的应对吧!
春节,即农历新年,是一年之岁首、传统意义上的年节,俗称新春。春节对于中国人来说是一年之中最重要的节日,具有特殊的意义,千百年的文化传承已经为春节形成了固定的风俗习惯。 中国地域辽阔,南北相距数千公里,因此对于春节的习俗也是大相径庭,下面跟着思维导图一起来看看南北方春节习俗到底有何区别。
移动端Banner设计指南
一、国内国外运营 Banner 设计
风格特点
文化差异
中国讲究遵循传统,讲究气氛,喜欢热闹,更容易跟风
韩国建国晚,文化氛围比较年轻,传统的东西相对较少
欧美整个文化环境受移民的影响,比较开放国际化、更多元
运营推广的设计特点差异化
中国
运营突出的是优惠:送红包、满减、优惠券等
必须要喜庆,鲜艳的色彩:以红色、橙色、黄色居多,来刺激消费
韩国
注重「社交」属性
Line的「IP属性」和「矢量涂鸦」是主流设计风格
整体构图
文字层
中文结构复杂,排版上必须严格区分,在层级划分上装饰线的运用比较常见

韩文本身具有图形特质,为保证识别度,文案提炼精简,信息层级相对较少

英文排版上本质上和韩文相同——符号化,通过字形的特点来特出主要信息

主体物层
图文结合,注意主体物的构图布局朝向
主题物对主要文字起到视觉引导作用,聚焦点是主文案
装饰层
加入点和线的元素让画面占比更加平衡,弥补空白,减少负空间
点和线的元素辅助衬托主体元素,分布要合理,避免过多
面相当于形状,形状聚焦视觉中心
三角形——利用稳定的特点来达到视觉的平衡
圆形——最简单直接有效的图形元素,视觉聚焦更明确
多边形——丰富画面,多边形的边角多的特点也多用做突出设计的高逼格
背景层
中国设计背景多彩渐变、放射的线、还有图案叠加,让画面迎合表达的主体基调
韩国的设计分为涂鸦放射背景和纯色背景简单几何形状
欧美撞色对比和性冷淡纯色底,运用视错觉,吸引用户眼球
营销推广层面
中国
层次叠加——提取等比重的笔画,变现字体的体积和空间感
笔画链接——让文字直接更紧凑,空间运用更整体合理
笔画装饰——增加文字设计感,突出表现风格
厚度层次——让字体突出,增加厚重感
字形改变设计——考虑到字体版权,对字体进行再设计,结合主题进行宣传
字体内部装饰——字体呼应主题的一种简单方式
韩国
字形相对简单,变化不多,运用厚度体积和笔画装饰来表现字体
欧美
运用和主体物穿插、字形搭配的变换,复古风字体厚度设计
小结
中国营销快速简单直接出效果
韩国偶像路线,不管是对于模特的选择,还是网红形象的选择,把粉丝效应运用到了极致
欧美简单兼顾设计创意表现
二、浅谈学习Banner
主题定位方向
K12教育
年龄段:7-18 岁
特点:单纯,最享受「满足感」和「参与感」
banner以有趣好玩为主
知识付费
成年人学习——「插件思维」
突出主题,设计形式更极简
高端知识分享
通过设计情绪版,映射出当前课程的专业、严谨、课程的价值高等关键点
构图结构
居中结构
优点->突出活动文案,视觉聚焦;缺点->有趣好玩的感觉不足
注意
主体物要突出饱满,太小容易画面太空
弱化辅助元素不能粗糙,基本形状精细
左右结构
受阅读顺序影响,左文右图比左图右文应用更加广泛
主题明确
衍生结构
倾斜构图
新颖,但角度不宜过大,过大的倾斜角度会让画面失衡,负空间留白不均,让画面不协调
注意
画面整体构图比例,文案占比永远都是大的,信息表达更加明确
文案和辅助元素六四开,黄金分割比例能让焦点更多的关注内容
文案文字
文案选字
K12教育banner结构不能太过于复杂,艺术手写可爱字体更受欢迎
高端知识分享和知识付费体现高端,文字简单正式
文案排版
直接,文案精简并且排版直观,提炼关键主标题,识别性要高
文案错位大小适中,对齐原则,倾斜方向符合阅读习惯
颜色技巧
颜色倾向
主色 60% 左右、辅色 30% 左右、剩下的辅助色 10% 左右
年轻化:绿色和黄色,绿色代表活力、生机、积极向上;黄色系代表温暖、希望、舒服
科技、互联网:多以蓝色为主,设计相对不那么活泼,代表冷静、自然、科技
知识分享类:体现知识的稀缺性和专属感,代表尊贵、品质、价值,颜色大多用暗色或消色(消色就是黑白灰)
注意
用插画表现,一定要避免颜色的灰和脏
模拟用户自检,吸引力如何,直观感受如何等
三、如何使Banner中主体物更突出
图形化辅助元素
流畅线条的运用
音乐类最常见,利用AI混合工具进行曲线混合、多边形混合、圆形混合体现韵律感
人物涂鸦剪影
表现特定的主题:比如年轻化、个性化,通过错位移动和添加亮色来使人物突出
简单几何形状
「少即是多」,用简单的圆形、方形、波浪曲线,常用于学习和知识付费类的设计
立体几何载体
显得品质高,少而精之感,注意图形要规整一些
多边图形
带来稳重感
不规则流体
促销类电商营造促销的氛围,激发购买欲
围绕主体物四周,突出主体元素
文案装饰衬托
文字铺底

文字与主体穿插

文字与主体的穿插营造出空间感
注意文字颜色与主体颜色之间拉开反差
文案能衬托主体物,并具有很强的表意性
颜色对比的运用
主体物吸色衬托

主体物上之间选取,作为背景颜色搭配
颜色对比

口诀
主体如果是亮色,背景就用冷色;主体用重色,背景用亮色;主体用纯色,背景用灰色
主体物局部打光
人物面部打光
让光源聚焦到脸部,主体人物显得更加有质感和饱满度
物体亮部打光
亮部高光部分为视觉焦点,让物体显得有质感
注意
光线突出主物体,构图更加丰富饱满,切记光线不要过亮
主体元素摆放技巧
人物截取范围
具有代表性的人物和明星一般截取一半左右,大约胸部以上部位
电商模特为了展示所卖衣服,一般露出大约三分之二
万万不要切头部
会使画面负空间变小,构图拥挤
对于人物的识别度降低,阅读成本变高
多人物摆放要求
整体人物处理要基本保持一致,眼睛尽量统一视觉基准线
多物体的摆放
美食产品文字居中构图,物体摆放角度统一
案例分析

案例问题
主体物没有突出,主体人物偏灰,背景也灰
背景太乱,没有视觉焦点
文案识别度完全丢失掉了,排版也太乱
修改

前后对比