电商banner是什么(电商的详细知识)

一般Banner是由文案(包括logo)、商品模特(包括产品图)、背景、点缀元素四个元素组成的,Banner设计四要素:对比、对齐、重复、亲密性 。


电商banner是什么(电商的详细知识)

文章插图


Banner构图包括:垂直水平构图,文案居中,比较随意直观,可灵活操作;倾斜构图,文案居中,常用于促销类;几何构图,例如文案位于三角内,结构感强;倾斜式构图;辐射式构图等 。


电商banner是什么(电商的详细知识)

文章插图






电商banner是什么(电商的详细知识)

文章插图


按照不同的分类标准,就有不同的分法,例如:按形式感分,有扁平化Banner和立体感Banner;按是否促销分类,有促销Banner和非促销Banner;按构图方式分类,有左文右图式 banner、左图右文式 banner、居中式 banner 。这里,按表现的特点分为四大类 -- 年轻化Banner、文艺范Banner、品牌感Banner和大气化Banner 。


电商banner是什么(电商的详细知识)

文章插图


【电商banner是什么(电商的详细知识)】



电商banner是什么(电商的详细知识)

文章插图


文案通常用促销刚劲类的字体,点缀元素常用一些几何图形或众多商品元素 。


电商banner是什么(电商的详细知识)

文章插图






电商banner是什么(电商的详细知识)

文章插图


文案通常用瘦长类的字体,构图稳重、整体协调、用色淡雅 。比如:用邻近色搭配背景和点缀元素,这时背景与商品颜色邻近的跨度小,背景与点缀颜色邻近的跨度大 。


电商banner是什么(电商的详细知识)

文章插图






电商banner是什么(电商的详细知识)

文章插图


有logo,主色通常用logo上的颜色,文案字体也一般用Logo上的字体,banner主体是品牌特征 。


电商banner是什么(电商的详细知识)

文章插图






电商banner是什么(电商的详细知识)

文章插图


常运用一些表现手法,例如联想、意识流思维,不以文案为核心,着重表现主体 。


电商banner是什么(电商的详细知识)

文章插图






电商banner是什么(电商的详细知识)

文章插图


①纤细类字体,方正清刻本悦宋、小米兰亭、方正兰亭纤黑、方正兰亭超细黑、华文黑体、汉仪瑞意宋、汉仪宋韵朗黑 。
②粗体类字体,方正兰亭中黑/超粗、方正正中黑、造字工房尚黑 。


电商banner是什么(电商的详细知识)

文章插图


③促销类字体,迷你简菱心、造字工房版黑/劲黑、华康俪金黑、方正粗谭黑、爱度综艺简体 。
④书法宇体,汉仪尚巍手书、汉仪综艺体 。


电商banner是什么(电商的详细知识)

文章插图






电商banner是什么(电商的详细知识)

文章插图


①文案处理
■文字分层,例如错层阴影,让字体有层次感,又或者将文案置于模特或产品图的背后,这是最常见的 。


电商banner是什么(电商的详细知识)

文章插图


■形状点缀,常见的是直线点缀,用来区分文案内容,也有几何图形来进行装饰和点缀,从而突出文案,让阅读更流畅 。
■笔触相连,分为细节连接和整体连接:细节连接是局部的笔画相连;整体连接是多处笔画同时连带 。一般运用细节连接,这样不至于让观者产生阅读障碍 。


电商banner是什么(电商的详细知识)

文章插图


②模特或产品图处理,前提是模特图或产品图该抠的要抠干净,需要优化的要优化处理,素材要择优选取,要体现卖家所需特征 。
③背景处理,对于背景的处理,一般有用色、纹理和几何点缀三个方面的处理,呈现体现立体或微立体效果,可以直接构建(微)立体场景,或使用同类渐变色搭建背景 。


电商banner是什么(电商的详细知识)

文章插图


④点缀元素处理,点缀元素有一定的方向,例如:45度朝上,俯视视角一般有标签点缀、实物图或图(纹)案点缀、圆(球)形等几何点缀 。对于几何图形,可通过不同的属性来呈现多样性,比如是否有描边,是否填充等 。几何图形的点缀有扁平化与超写实之分 。


电商banner是什么(电商的详细知识)

文章插图


免责申明:文章来源于公开网络,仅供设计师学习,版权归原创者所有!无对涉及版权问题负责,如有原作者认侵,联系必删
福利互动为答谢客官阅读完此文支持,特准备设计新人整套课程(字体设计,海报,logo,ps工具)赠送领取
下方是领取方式
1,右上角关注小编哥哥头条号~
2,评论文章,不限字数,一个字都行
3,私信小编:免费课程