如何做好 Banner设计?我总结了这4类基础知识

时间:2022-07-25 00:45 作者:爱游戏app官网入口
本文摘要:前段时间一直在做运营类设计,banner 在其中占了较大比重,为此就想写一篇阶段性总结。其中部门看法参考了相关视频教程和文章,设计新手一枚,如有不足还请大家海涵。banner 由以下五部门组成:版式,字体,颜色,配景,粉饰。 我就针对这几点做些详细分析。一、关于版式大家发现没有,大要上 banner 版式可分为两种:图文左右排版、文字居中。1. 图文左右排版当 banner 中需要包罗详细的素材,如某位大咖,某件产物时,一般会选择左右排版。

爱游戏app官方下载

前段时间一直在做运营类设计,banner 在其中占了较大比重,为此就想写一篇阶段性总结。其中部门看法参考了相关视频教程和文章,设计新手一枚,如有不足还请大家海涵。banner 由以下五部门组成:版式,字体,颜色,配景,粉饰。

我就针对这几点做些详细分析。一、关于版式大家发现没有,大要上 banner 版式可分为两种:图文左右排版、文字居中。1. 图文左右排版当 banner 中需要包罗详细的素材,如某位大咖,某件产物时,一般会选择左右排版。

而且图文比例约为6:4(靠近0.618的黄金比例)。关于为何文字部门要大于图片部门,我做了如下分析:如果 banner 中只有某位大咖、某件产物,而没有文字烘托,用户就不会知道 banner 想表达的什么。

如下图,banner 中只有一位拉大提琴的中年外国男子,人们会推测这男子的小我私家专辑公布了?他是谁?所以,通过图片用户只能对信息有个大致相识。相反,如果把 banner 中图片部门遮去,而只保留文字部门。人们能够获取的关键词有:5首影戏歌曲、回忆过往的。

因此纵然没有配图,文字也能将信息精准地带给用户,文字所占比例应当比图片多些。这也就解释了为何大部门左右排版的 banner 都是文字占比大于图片。banner 中有些文字放左边,有些放右边,这有什么区别呢?下图中第一个 banner 是关于西欧影戏歌曲的,右侧可结构拉琴的男子,也可配影戏片段,还可放正在播音的留声机。第二张 banner 同样如此。

下面两图均是图左字右的 banner,第一张《首席医官》,特指这本书。第二章奥运冠军陈一冰求婚——除了他没别人了。

说了这么多,总结出图右字左和图左字右的区别了吗?图片在右,配图内容比力模糊;图片在左,配图内容比力清晰。由于人们习惯的阅读顺序是从左到右,左边放什么意味着用户会先看到什么。当图片信息清晰时图片放左,先用特定配图吸引用户眼光,再加以详细的文字论述就更正常不外了。

而如果把寄义不清的配图放在左边,用户得看到右边的文字部门才气获得 banner 想通报的内容,这会导致用户吸收信息时间增加。2. 文字居中在事情中我没怎么接触过文字居中的排版方式,因此很歉仄没法做太多的剖析。印象中电商比力喜欢此类排版,也许是文字放在正中的位子,底下可以放许多产物?版式中巨细标题的比例:发现没?巨细标题比例约为2:1。其实这和一级标题,二级标题是同个原理,我们在设计 banner 时总希望用户能把 banner 上的文字看全,但又不希望巨细标题混在一起主次不清,因此在排版合理,用户能看清字的综合思量下,巨细标题比例约为2:1。

(其实小标题太小运营们也会怼的)二、关于字体banner 中常用的字体有三种:衬线体(serif)、非衬线体(sans-serif)、书法体(cursive)。都说字体有各自的性格,衬线体笔画有粗细之分,它模拟的是中国古代字体和古代碑文上的字体,因此衬线体能给人古典,文艺的感受,适适用于文艺气息或与女子的相关设计。

非衬线体笔画简练,笔画较粗,体现现代,简约的特性,适适用于苍劲有力,与男子相关的设计。书法体源自中国古代,能体现中国文化和挥洒墨水的英气,适用于文艺主题和金戈铁马般的豪爽主题。注意:商用字体需要注意版权,这点很重要。

三、关于颜色在生活中,色彩心理学让人们对颜色的认知有很大的影响。玄色:玄色是一种代表品质、权威、稳重、时尚的色彩,同时也含有冷漠、伤心、防御的消极情感。白色:通报一种简朴、单纯、雅致、精致、信任、开放、洁净、痛快酣畅、朴素的情感。

灰色:代表睿智、老实、执着、严肃、压抑的色彩。红色:通报喜庆、自信、斗志、权威、性感的情感。

绿色:是自然界中最常见的颜色,代表生命力、青春、希望、平静、宁静、舒适、宁静的情感。蓝色:是三原色中的一种,代表永恒、灵性、清新、自由、放松、舒适、平静、商务。紫色:是一种代表优雅、浪漫、高尚、时尚、神秘、梦幻、灵性、缔造性的颜色。

黄色:代表阳光、青春、活力、时尚、尊贵、年轻轻快、辉煌、希望的颜色。因此在设计中选择主色调也要遵从如上。例如生动年轻的内容可选择纯度较高的蓝绿色、绿色等作为主色调。

文艺类内容则适合饱和度不高,偏向白色这类能让人平静的色彩。关于颜色的搭配,我一般会在花瓣上找些主题相近的 banner 作参考。此外推荐几个配色网站:https://coolors.co/browser/latest/1https://color.adobe.comhttps://uigradients.com四、关于粉饰约莫有3种。椭圆粉饰,圆角矩形粉饰,实物粉饰。

圆形圆角矩形粉饰可适当加些渐变和阴影。为了不让实物粉饰太过抢眼,可以适当做些弱化,好比降低透明度或是做些模糊处置惩罚。五、关于配景约莫有3种,纯色配景,实物配景,材质配景。

凭据画面的需要可以选择合适的底图。看了这么多手痒痒了吗?此时现在,打开 ps 做个 banner 练练手呗。


本文关键词:爱游戏app体育官方下载,如何,做好,Banner,设计,我总,结了,这,4类

本文来源:爱游戏app官方下载-www.lanxiangkj.com