如何设计一个具有吸引力的banner?

平面设计 2024/11/14 佚名

3 1 2

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

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“如何设计一个具有吸引力的banner?”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月14日

如何设计一个具有吸引力的banner?

必看:提高用户登录界面流程优化的5个细节

平面设计师如何在空余时间通过实际项目来自学?

评论“如何设计一个具有吸引力的banner?”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接