怎样才能设计出一张好的BANNER
2018-09-07 11:10:37
浏览：
“
Banner设计作为互联网从业者必备的技能，同时也能看得出一个设计师对项目的理解、色彩感、版式、整体的把握。
”
Banner设计作为互联网从业者必备的技能，一张好的banner，绝非三五分钟就可以搞定的！它同时也能看得出一个设计师对项目的理解、色彩感、版式、整体的把握。
Banner的功能是传达信息！现在随着移动互联网的到来！我们跟习惯于在手机，电脑上了解、发现这个世界。我们如何才能以一种即具可读性和合理性，又更具有吸引力的方式来组织信息呢？
从背景层、主体层、文字层、这三个方面来分析如何设计一个具有吸引力的banner!
01|主体层
通过对项目的分析，确定画面的主体（主体可以是人物、产品图或者文字）。先对一种元素进行视觉强化吸引观众的注意力。在确定画面主体的同时，我们就可以把画面的构图，也就确定下来！目的都是为了传达信息，让画面更具有吸引力！
1.1人物主体
这张banner的主体是人物,作者为了更加突出主体在上面加了手写感的英文和一些小元素来点缀！这种做法能很好的解决主体物不够突出。在我们工作中，遇到主题物不够突出的时候，也可以增加相关联的文字或者线条来突出主体。（在给主体增加元素的时候，切记元素起抢了主题的位置）
1.2产品主体
这张banner的主体是物体 ,在主体的周围添加了花和叶子丰富主体。在画面四周也添加了些相同元素，这样画面更加统一、和谐。文字部分采用黑体居中对齐排列。画面整体给你感觉典雅、舒适。
1.3文字主体
文字做为主体，其实是把文字当作图形来设计。整张BANNER的信息传达更为准确。在纯文字的编排中，要注意主体文字的阅读顺序，可通过对比的手法，来加强主标题和副标题之前的层级关系！
02|背景层
背景层是为了突出主体。它可以确定画面整体的色调。我们根据画面要表达的感觉和主体的风格来选择不同背景层的表现方法。
2.1 照片背景(高斯模糊）
照片通过高斯模糊，让他与主体产生空间感，如果画面色彩感觉不统一，可以用渐变映射来调试。
感觉背景和主体不够分离的时候，我们可以用图案叠加，在背景上加几何形底纹在增加空间感。
2.2 纯色背景、渐变背景、多色拼接背景
小米网站banner基于设计规范和自营产品的电商设计网站。减去了设计中过于热闹、喜庆、大促的风格。产品展示图中都是用带有明暗渐变的背景来突出产品。这种背景的处理方法更容易出图产品，整体画面整洁，无过多的视觉干扰。也具有较强的品质感！
多色拼接背景，让画面具有活力。几何形或是不规则图形的构型，更具吸引力，让人聚焦。
2.3 商业摄影图片、创意合成背景
这种背景图，属于前期策划好模特、配色、创意。还有后期的表现技法的熟练度（无论是修片还是合成）
03|文字层
文字最能准确的表达banner中的信息！他要突出于背景，又不能抢了主体，在字形的选择上又要符合整个画面的气质。而且要具有易读性。所以在文字的编排上要下一定的功夫。如主标题与副标题的层级关系。都要我们仔细深入的推敲。
一张banner中最多不要超多三种字体！
黑体（无衬线字体）：黑体字在字架上吸收了宋体字结构严谨的优点，在笔画的形状上把横画加粗且把宋体字的耸肩角削平为等线状，形成横竖笔画粗细一致，变宋体字的尖头细尾和头尾粗细不一的笔画为方形笔画，因而独具一格，给人一种粗实有力、严肃庄严、朴素大方的感觉。
苹果官网的banner，用相对现代感的黑体，更具科技感！而改变了字体，就无法表达出产品的气质！
因黑体具有易读性，也可作为提示性或者叙述性文字使用。
细黑：可以表达大方、高端、精致的气质！具有现代感
超粗黑（综艺体）：具有力量感，笔画简洁粗壮，厚实有力 ，醒目，具有浑厚凝重的气度。多用于活动大促标题。
宋体:宋体字的字形方正，笔画横平竖直，横细竖粗，棱角分明，结构严谨，整齐均匀，有极强的笔画规律性。
此类气质，可以在女性、高端、时尚、文化类banner中使用！
圆体:笔画转角圆润，结构方正饱满，笔形柔和。可以表现出童真、活泼、欢快的特质！一般用于儿童产品或是轻松的画面中！
通过变形的圆体字形，也可以表带出少女感！可爱有趣的画面！
书法字体：霸气、古典、文化、具有浓烈的中国风韵味。更具张力!电商大促也喜欢用书法字体！
而小米活动banner，选择了重新设计字体。字形，较为欢快轻松，非常符合主题。关于字体设计，一定不能为了表达字体的形式感，而破坏了字体的可识别性！
3.2增加字体的形式感
左字右主体、左主体右字：这种banner方式最为常见的版式之一。主体在一边，文字在另外一边。可根据画面选择不同的对齐方式！注意文字之间的主副层级、行距。
给文字添加个背景，画面中给文字添加个背景，具有反复强调的作用！根据具体需求反白、镂空、或是用颜色的对比来强调！
让文字也有前后关系。主标题放在主体的前面，而副标或者提取的文字放在主体的后面，在增强画面的空间感和装饰性！
给字体加点特效吧!根据画面的风格，给文字加上适当的特效（机理）来突出文字部分！然后倾斜字体或者透视字体，可以增加力量、活泼的感觉！
关于字体的编排样式是多样化的，在编排中易读、符合画面的风格就可以了。
部分文章系网络转载，转载目的在于分享与交流信息，不代表本站赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与本站联系，我们将在第一时间删除。【声明】 本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权
-
全球首发！三款“太岁味道”香氛，以嗅觉重构东方生命哲学生活方式
未来，以太岁民俗文化为代表的中国传统文化IP，将借助五感联觉技术持续迭代，从展馆走向景区，从景区走向日常——让承载千年智慧的每一缕气味，成为连接过去、现在与未来的文化纽带。
-
山野入妆，行于自然 修可芙云野限定新品发布会圆满落幕！
7月29日，修可芙于台州温岭举办五周年·3.0小方盒新品发布会。本次活动以「山野入妆，行于自然」为主题，汇聚美妆头部达人、明星化妆师团队及行业合作伙伴，同步解锁云野限定系列新品。整场发布会融合山野秀场、新品分享、山野剧场，沉浸式传递品牌取之山野、归于本真的原生底妆初心。
-
覆盖家商全场景!海尔大暖通发布AI全场景空气解决方案
当前暖通行业正在从单一设备竞争走向全场景空气解决方案竞争。随着用户对于舒适、健康、高效空气体验需求不断提升,空调不再只是调节温度的设备,而是逐渐成为智慧空气管理的重要入口。
-
2026湘超7月25日揭幕，闻道中国《悠游湖南，遇见湘超》专题全程记录
三湘绿茵蓄势待发，湖南足球正当红。7月25日晚19时38分，2026年湖南省足球联赛（简称“湘超”）将在长沙贺龙体育场正式揭幕。值此新赛季全面升级之际，闻道中国将联合湖南省级主流媒体推出《悠游湖南，遇见湘超》2026湘超专题
-
爱心翼站，中国电信资兴分公司中心厅户外工作者送清凉活动
七月盛夏，骄阳似火，柏油路面被烈日烤得发烫，热浪裹挟着尘土扑面而来。环卫工人、外卖骑手、快递员、道路巡查人员穿梭在城市街巷，厚重工作服浸透汗水，脸颊晒得通红，依旧坚守岗位守护城市运转，“爱心翼站”开启夏日送清凉专项行动，厅内纳凉休憩、街头上门派送，双向暖心服务，为户外一线工作者撑起一片清凉树荫。
-
冰饮黄酒:千年文化基因与百亿市场潜力
黄酒和羽绒服曾经共享同一个命运:冬天热卖,夏天无人问津。行业数据显示,传统黄酒消费中,冬季(11月至次年2月)销售额占比曾高达65%以上。但很多人不知道的是——冰镇黄酒,其实比热饮黄酒的历史更久远。
—— 更多精彩视频 ——
About 关于 | Team 团队 | Join 加入 | Cooperation 合作 | Ad-Rate 刊例
闻道 新媒体资讯门户
© Copyright 2020-2030 WiNDOW. All Rights Reserved.
WINDOWAPP.CN
闻道集团官方微信公众号
