banner是什么意思(网站banner怎么设计)

Banner由以下五部分组成:布局、字体、颜色、背景和点缀。首先,关于布局正如你所看到的,横幅布局可以分为两种类型:图形和文本的左右布局和居中文本。读:“为什么

Banner由以下五部分组成:布局、字体、颜色、背景和点缀。

首先,关于布局

banner是什么意思(网站banner怎么设计)

正如你所看到的,横幅布局可以分为两种类型:图形和文本的左右布局和居中文本。读:“为什么我做的横幅这么丑?”其实这里面有很多知识。

1.图文周边排版

当banner需要包含特定的素材时,比如某个大咖或者某个产品,一般会选择左右排版。并且图文比例约为6: 4(接近黄金比例0.618)。

banner是什么意思(网站banner怎么设计)

如果banner里只有一个大咖和一个产品,没有文字来衬托,用户就不知道banner想表达什么。

如下图,banner里只有一个中年外国男人在拉大提琴。人们会猜测这个人的个人专辑已经发行了?他是谁?所以用户只能通过图片对信息有个大概的了解。

banner是什么意思(网站banner怎么设计)

相反,如果banner中的图片部分被隐藏,则只保留文本部分。人们可以得到的关键词是:5首电影歌曲,对过去的回忆。所以即使没有图片,文字也能准确的给用户带来信息,文字的比例应该比图片多。这也解释了为什么大多数左右排版的横幅文字比图片多。

banner是什么意思(网站banner怎么设计)

banner是什么意思(网站banner怎么设计)

横幅中的一些文字放在左边,一些放在右边。有什么区别?

下图第一个横幅是关于欧美电影和歌曲的。右边可以放一个弹钢琴的人,也可以配上电影片段,还可以放一个正在播放的留声机。第二条横幅也是如此。

banner是什么意思(网站banner怎么设计)

下面两张图是banner左右,第一任首席医疗官,特别是这本书。第二个奥运冠军陈提议——除了他没有别人。

banner是什么意思(网站banner怎么设计)

说了这么多,你总结出右字和左字的区别了吗?图片右边,图片内容模糊;图片左边,图片内容清晰。由于人们习惯于从左向右阅读,所以放在左边的内容意味着用户首先看到的内容。当图片信息清晰后,将图片放在左边。先用具体的图片来吸引用户的注意力,再用具体的文字来阐述,是比较正常的。如果把模糊不清的图片放在左边,用户就得看到右边的文字才能得到banner想要传达的东西,这会导致用户接收信息的时间增加。

2.文本居中

印象电商比较喜欢这种排版,或许文字放在座位中间,很多产品可以放在最下面?

布局中大标题和小标题的比例:

banner是什么意思(网站banner怎么设计)

你找到了吗?标题大小比例约为2: 1。其实这和一级职称和二级职称是一个道理。我们在设计banner的时候,总是希望用户能够看懂banner上的所有字符,但是不希望大小标题混淆。因此,考虑到布局合理,用户能看清楚字,大小标题比例约为2: 1。(其实字幕太小的话,运营人员会很尴尬。)

第二,关于字体

横幅中常用的字体有三种:衬线字体、无衬线字体和草书字体。

banner是什么意思(网站banner怎么设计)

都说字体有自己的个性,衬线笔画有粗细之分。它模仿了中国古代的字体和古代碑文上的字体,所以衬线可以给人一种古典文艺的感觉,适合文艺气息或者与女性有关的设计。

banner是什么意思(网站banner怎么设计)

无衬线笔画简洁厚重,体现现代简约的特点,适合与男性相关的浑厚有力的设计。

banner是什么意思(网站banner怎么设计)

书法源于中国古代,能体现中国文化和英雄气概的笔墨,适合文艺题材和金戈马铁这样的英雄题材。

banner是什么意思(网站banner怎么设计)

注意:注意商业字体的版权是很重要的。

第三,关于颜色

在生活中,色彩心理对人们对色彩的认知有很大的影响。

黑色:黑色是一种代表品质、权威、稳重、时尚的色彩,同时也含有冷漠、悲伤、防御的消极情感。白色:传递一种简单、纯真、高雅、精致、信任、开放、干净、畅快、朴素的情感。灰色:代表睿智、老实、执着、严肃、压抑的色彩。红色:传递喜庆、自信、斗志、权威、性感的情感。绿色:是自然界中最常见的颜色,代表生命力、青春、希望、宁静、和平、舒适、安全的情感。蓝色:是三原色中的一种,代表永恒、灵性、清新、自由、放松、舒适、宁静、商务。紫色:是一种代表优雅、浪漫、高贵、时尚、神秘、梦幻、灵性、创造性的颜色。黄色:代表阳光、青春、活力、时尚、尊贵、年轻轻快、辉煌、希望的颜色。

所以设计中主色调的选择也要遵循以上。

比如活泼年轻的内容可以选择高纯度的蓝绿色、绿色等。作为主色调。

banner是什么意思(网站banner怎么设计)

文艺内容适合低饱和度、偏向白色等平复色彩。

banner是什么意思(网站banner怎么设计)

第四,关于点缀

大概有三种。椭圆形装饰、圆角矩形装饰和物理装饰。圆角矩形点缀可以适当添加一些渐变和阴影。

banner是什么意思(网站banner怎么设计)

为了不使实体的点缀过于醒目,可以做一些弱化,比如降低透明度或者做一些模糊处理。推荐:优质的电商banner是如何炼成的?

banner是什么意思(网站banner怎么设计)

动词 (verb的缩写)关于背景

大概有三种,固体背景,物理背景,物质背景。根据图片的需要,可以选择合适的底图。

banner是什么意思(网站banner怎么设计)

你见过这么多手痒的吗?此时此刻,打开ps,做一个旗帜践行者!

为您准备了提升设计技能的260G设计教程?

1.关注PS软件教程下载。

2.可以评论或者转发。那就私信我:260

私信功能在我的首页,点击我的头像后就可以在右上角看到了。

我觉得我给的资源不错。请回来评论。谢谢大家!

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。

作者:美站资讯,如若转载,请注明出处:https://www.meizw.com/n/21800.html

发表回复

登录后才能评论