当前位置:380元网站建设 虎网站 > 网站建设 > 正文

怎样才能设计出一张好的banner

发布日期:2019-09-19

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中最多不要超多三种字体!

03|文字层


文字最能准确的表达banner中的信息!他要突出于背景,又不能抢了主体,在字形的选择上又要符合整个画面的气质。而且要具有易读性。所以在文字的编排上要下一定的功夫。如主标题与副标题的层级关系。都要我们仔细深入的推敲。
一张banner中最多不要超多三种字体!

黑体(无衬线字体):黑体字在字架上吸收了宋体字结构严谨的优点,在笔画的形状上把横画加粗且把宋体字的耸肩角削平为等线状,形成横竖笔画粗细一致,变宋体字的尖头细尾和头尾粗细不一的笔画为方形笔画,因而独具一格,给人一种粗实有力、严肃庄严、朴素大方的感觉。
苹果官网的banner,用相对现代感的黑体,更具科技感!而改变了字体,就无法表达出产品的气质!
因黑体具有易读性,也可作为提示性或者叙述性文字使用。

细黑:可以表达大方、高端、精致的气质!具有现代感

超粗黑(综艺体):具有力量感,笔画简洁粗壮,厚实有力 ,醒目,具有浑厚凝重的气度。多用于活动大促标题。

宋体:宋体字的字形方正,笔画横平竖直,横细竖粗,棱角分明,结构严谨,整齐均匀,有极强的笔画规律性。
此类气质,可以在女性、高端、时尚、文化类banner中使用!

圆体:笔画转角圆润,结构方正饱满,笔形柔和。可以表现出童真、活泼、欢快的特质!一般用于儿童产品或是轻松的画面中!

通过变形的圆体字形,也可以表带出少女感!可爱有趣的画面!

书法字体:霸气、古典、文化、具有浓烈的中国风韵味。更具张力!电商大促也喜欢用书法字体!

而小米活动banner,选择了重新设计字体。字形,较为欢快轻松,非常符合主题。关于字体设计,一定不能为了表达字体的形式感,而破坏了字体的可识别性!



3.2增加字体的形式感

左字右主体、左主体右字:这种banner方式最为常见的版式之一。主体在一边,文字在另外一边。可根据画面选择不同的对齐方式!注意文字之间的主副层级、行距。

给文字添加个背景,画面中给文字添加个背景,具有反复强调的作用!根据具体需求反白、镂空、或是用颜色的对比来强调!

让文字也有前后关系。主标题放在主体的前面,而副标或者提取的文字放在主体的后面,在增强画面的空间感和装饰性!

给字体加点特效吧!根据画面的风格,给文字加上适当的特效(机理)来突出文字部分!然后倾斜字体或者透视字体,可以增加力量、活泼的感觉!
关于字体的编排样式是多样化的,在编排中易读、符合画面的风格就可以了。

沈阳如何去马尔代夫旅游?马尔代夫主教练?

    锦江旅行社旅游产品的介绍? 锦江旅行社旅行产品包括有 旅行社业务,业务覆盖了中国公民出镜,国内旅游,海外游客入境旅游,商务会展旅游,高端定制旅游,会议展览等业务。市场影响力大,信用度高,业务遥遥领先同行业者。 马尔代夫主教练? 马尔代夫的主教练是PetarSegrt,执教经历包括格鲁吉亚U21和成年国家队、阿富汗国家队,还有好几支山卡拉地方的职业俱乐部。他的球员时代在德国的几支球队效力。现在的主...

       网站框架布局设计哪些才是要慎重考虑的 在网站正式进入设计之前,企业虽然对网站整体风格有所了解,网站设计中最重要的就是对网站框架布局的设计,这也影响了网站导航、图片文字、色彩方面的内容。无论要设计的是企业网站还是个人网站,还是现在最为风靡的商城网站,都需要进行框架布局设计。网站的框架布局相当于人体骨架,支撑着所有功能的运行和整体状态体现。因此,在设计网站框架布局时需要慎重考虑。那么,网站框架布局设计哪些才是要慎重考虑的呢? 网站框架布局...

       你们先帮我设计一个出来我看看好不好,再来签合同,可以吗? 如果不是数万元以上的大型项目参与竞标需要外,我们公司规定是不允许先做版面设计再签订合同。合作的基础是合作双方的信任。如果因为担心我们做不好,我们同样也会担心我们设计好了,是不是真的会履行承诺,另外,如果拿走我们设计师的设计的作品自己做开发或找别人来做功能开发,那也是曾发生过的事情,我们存在着太多的风险。相对于我们而言,做一次网站的风格设计是完全没有问题的,我们每天都有新的网站设计作品诞生,主要是这...

        北京网站建设之互联网营销是企业在营销路上必不可少的途径 在科技迅猛发展的时期,人们的营销方式也产生了极大的变化,现如今互联网营销变成每一公司都必不可少的营销方式。而互联网营销的基础理论也在不断的迭代更新。怎么让公司的互联网营销更为的有实际效果,收到顾客的亲睐,是所有企业都会思索的难题。 从当今我国日益增长的购买力看来,我们见证了中国经济发展在全世界金融业中稳中有进,见证人了中国经济发展从高速发展到高品质发展的过渡。 作为顾客,从衣食住行的各个方面,人们...

       主机是否影响搜索引擎排名? 主机是否影响搜索引擎排名? 主机是否影响搜索引擎排名? 总体上来说,只要主机设置没有错误,对搜索引擎排名影响不大,但也有几个地方值得注意: (1) 主机故障可能造成无法索引。 (2) 主机设置错误会影响搜索引擎蜘蛛抓取。 (3) 主机的地理位置会影响网页排名在不同国家的表现。

       龙岗布吉石山楼文化培训与虎网站签约网站建设合作协定 石山楼在深圳市龙岗区布吉街瑞龙酒店13楼B-1。石山楼是经深圳市龙岗区工商局审核的正规企业,统一社会信用代码:914403000884744458。同时经国家工信部和广东省通信管理局审核通过ICP备案;备案号:粤ICP备14025990号。石山楼选用虎网站企业商务型网站案例,其功能具备实用型所有配置外、特别值得关注的是增设了SEO深度优化,不管是内页还是标题都能够独立和个性化设置关键词和长尾词,更...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读