赞助商
立即赞助

用一篇超全面的文章,帮你掌握Banner 基础构成形式

平面设计3年前 (2021)发布 流光
2.9K 0 0

编者按:做一张Banner 需要掌握版式、字体、配色等等,那么庞大的知识体系,应该如何习?本从版这个知识点入手,告诉你应该如何掌握全面的Banner 设计知识。

用一篇超全面的文章,帮你掌握Banner 基础构成形式

上图是自己平时对 banner 一个抽丝剥茧的过程,可看到,通过一级一级的分析,你会发现一个小小的 banner 设计可囊括设计的各个分支。实只要再心分析,如标题可有哪些样式,几何形的研究又有哪些,颜色的心暗示等等,你会发现设计的知识体系就慢慢建立起来了。你可具体到某个模上,如自己在这个知识树体系,色彩是太好,再细致些我渐变色的好,都可有的放矢的强某个模的习,至于一把抓,没有重点。

今天选择 banner 中文字形式个模块手,通形式和排版来做一个更的梳理,也和大家一道去学习。

中轴型排版

用一篇超全面的文章,帮你掌握Banner 基础构成形式

△ 实例(工作及收集容)

中轴型排版,以上的图例便是种排版形式,在做电活动报的时中轴型是很出效果的一种形式。

这种方式使画面规整稳定、醒目大方,视觉更聚焦,息更集中,在突出主体的同能使整体画面有一定的冲击力。

相来说,于实物(,商品,创造形象)要求并不高,文信息本身处理需要更显功力。

抛文字,色彩,点缀元素,总结了几较典型的排版骨骼样式:

用一篇超全面的文章,帮你掌握Banner 基础构成形式

分割型排版

用一篇超全面的文章,帮你掌握Banner 基础构成形式

△ 实例(工作及收集内容)

分割型排版,以分割排版构图,画有明确独立性和引导性。这留白更多,较好视觉引导和使信息更明确,更显品质感。

相对,对于图的品质求高,精致感品质感高。

抛开字,色彩,点缀等元素,总结了几个较典的版骨骼样式:

用一篇超全面的文章,帮你掌握Banner 基础构成形式

满版型排版

用一篇超全面的文章,帮你掌握Banner 基础构成形式

△ 实例

满版型排版,使用面积的元素传达直观具强烈的视觉刺激的。当制作的图片中极明确的主体,且文案较少时可以采用满版型排版。这种方式视感强,入感高。例如节日专题活动,会员营活动。

见的满版版有整体满版、细节满版和字满版。

相对来说,文字与背元素的处理关系需要更加明确细微。

抛开文字,色彩,点缀等素,总结了个较典型的排版骨骼式:

用一篇超全面的文章,帮你掌握Banner 基础构成形式

排版的方式还有多,大致总结下来为:中心型排版,中轴型排版,割型排版,骨骼型排版,倾斜型排版,版型排版,上面图例的析总结也是以计比较集中的类型进行了说,之后还需要不停的挖掘和提高。

总结的样式

用一篇超全面的文章,帮你掌握Banner 基础构成形式

通上述图例的分析,最终我们的设计品应该尽能地满以下目标:

  1. 和谐统一

元素与元素之间,或所元素构的整体一种协调的关系,比如小、颜色风格的协调。

  2. 比突出

即把2个或者多个反差大的素放在一起,使人觉主体鲜突出,整体活跃而统一,比如大、数量、色彩、形状的对比。

  3. 画面平衡

即元素与元素之间,元素与整体之间的大小、形状、数量、色彩、材质等的分布与视觉上的平衡。

  4. 节奏韵律

画或多元素按定规律排列,会生音乐般旋律感。

今天重点家总结了两点,一 banner 的拆分剖析,以便我们对设知识体系的建立训练,二设作中常用版式的分析实例,希望能对家平日的设作与学习帮。

在设计过程中,我们会各种设计论和手法呈现最后的设计,实都是为了形成秩序。因为设计的本质都是为了传播,设计容都是为了户解和遵从你的思路,解作,产生共鸣,这实就是一种秩序之美。

想想平时有没有遇到:

场一

设计师A做一款产品的运营宣传长图,给到ta的朋B(完不混设计圈):

A:看我做的产品设计稿。

B:呀呀呀,这牛,美美哒!

A:般般啦,费了不少时。

B:嗯嗯,不过我看那部分产品介绍的图不好看,对比图的方不够吧。

A:这个……

接来或许又是一番解释。

场景二

设计师A做了一款产的营宣传长图,给到ta的友B(全混设计圈):

A:这是我们最要推的。

B:哦,扫地机器人,我喜欢。

A:怎,有兴趣没?

B:感觉功能不强大,我前看过比这个更。

样是个内容,你会发现切入度不,你到答案自然也千里。看成岭侧成峰,远近高低各不。我们着眼和用户(受众)理解是很难成致。所以这其「设计秩序」很关键,我们需要让用户(受众)能够看下去,不管是什么度切进去,能好好看完我们设计可以了,剩下由用户(受众)自己去判断和理解。

所以落回今天的内,我们对于形式的理解掌握就显得很重,通过合理的设形式展示我们的内,好的传递信息,形秩序,引导用户去产共鸣,增加我们的点击。

用一篇超全面的文章,帮你掌握Banner 基础构成形式

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

从事电商方面的设计师,详情页设计可以说是必修课。好的详情页会给带给用户更流畅的视觉体验、更直观的产品信息、亮点等等,...
平面设计
每年的双11在设计师们的眼里,都不仅仅是购物狂欢节还是一场视觉盛宴。这不,今年的双11重头戏来了。 天猫联合各品牌发布了...
双11
做任何事情都应该讲究方法,好的方法可以让我们事半功倍、四两拨千金,虽然做一个优秀的设计师没有捷径,但做好某些设计作品...
平面设计
人人都在尽可能增加自己的认知,但往往忘记了一点:你的认知是在一个单一的、陈旧的、其实已经无效的维度上添砖加瓦呢?还是...
产品
近 1 年交互工作主要集中在运营类活动,设计产出了支付宝财富 tab 几个运营类活动,年终之际,对这将近 1 年的设计工作进行复...
交互设计
「空间陈列法」是说先构建一个空间,然后将主体元素用合适的形式陈列出来。 这是随着手机兴起而真正流行起来的一招,因为PC...
Banner设计
商品主图设计作为电商公司运营过程中较为重要的一块,是目前商家最关注的,也是获得高点击率的重要因素,那什么样的的主图才...
主图设计
前段时间一直在做运营类设计,banner 在其中占了较大比重,为此就想写一篇阶段性总结。其中部分观点参考了相关视频教程和文章...
Banner