没思路?教你3招轻松搞定电商Banner排版
@谢思靖 :什么是真正好的排版,我觉得起码要做到清晰易读、信息突出并且观感上舒服好看,在这个基础上有突出的设计感、形式感,就是正真好的排版。怎么做?3个部分决定排版的步骤和方法,咱们分步来说。
文章开始之前,针对一些板式设计新手,我们也推荐你可以补充一下基础知识,
看看脍炙人口的《版式设计原理与应用》,有PDF下载哟。
空间是文字之间、图文之间的排列关系,是排版的第一步和基础,一张图的空间关系即构图自一开始就影响到整体的走向和最终的成型,所以在设计之初,一定得经过深思虑,深入了解文字的多少、图形的类型和设计要求和感觉选择对应的构图和图文结构关系。大致包括但不限于以下几类:
垂直水平构图
排版左中右对齐方式都有,比较随意直观,可灵活操作。
斜线构图
常用于促销类、居中排布、大多数会有图形辅助以和底部斜线构图明确区分并突出文本,或者部分也有跟随式斜着排版。
三角构图
一般居中排版,文字排布大小分明,结构感强,常以图形线条辅助排版。
对角线构图
常用于服装食品等类型、一般左或右对齐,文字选择简单直观粗细分明,常有线条或小图形辅助。
辐射式构图
和斜线构图很像,促销类、居中排布、大多会有图形辅助以和底部斜线构图明确区分并突出文本。
框架式构图
框架构图包括图形被框,文本被框或者图文都被框,文本被框是图形辅助排版的一种方式,之后详解。
我们可以通过变化对齐方式、大小、粗细、角度、字体、颜色、错落方式等来说明各种排版变化方式带来的不同结果和感觉
对齐、大小、粗细对比是排版最基本的三大要素,是之后所有排版方式的基础
①起码有一边对齐,才会使版式整洁易读,层次清晰
②大小和粗细的对比做到了主次分明。banner设计的目的,其实就是最大化的呈现给用户活动的信息,要让最重要的,最有利的信息一瞬间就传递给们,通过对比即可使信息的传递层次清晰。
这是俩反例:
角度
角度不限于示例这种。对排版进行角度变化,会增加失衡和速度感。是促销类的banner常用的方式往往对应斜构图的背景,增加整体气氛。也有增加透视类的角度变化。
字体
第一个:清秀的方正书意宋,第二了:霸气的蒙纳超刚黑(只为示意请勿转载用于商用),稍微变换板式,出来了两种不同的感觉,虽然都是买买买,但是第一个明显是清新委婉的,第二种摆明了就是要放折扣大招的样子。字体对排版的重要性不言而喻。
颜色
还是上面的示意,颜色的变化一是根据整个设计选择颜色,二是类似上图对需要突出的信息进行颜色的突出,是最常用易用的方式。
错落
一般萌系、食品类和扁平化等等的banner上,都需要这类随意轻快、错落有序的排版。设计过程中,适当对字进行大小变化和旋转,并且选择一些卡通化、手写体的字体,会有不错的效果。还有另一类错落的板式也比较常见,如下图所示,宋体字、毛笔字排版非常易用。
形式简单可理解为对排版的辅助,他们不抢眼,但是加入后又能使版式不单板,善用可以使整个排版高大上,也能使逻辑结构更加清晰。
图形辅助
图形辅助一般用基础的方圆 三角等或者有特殊含义的图形(天猫、阿里旺旺剪影)为依托进行文字排版,可起到突出文本、增强对比、增加结构感设计感的作用。
线条辅助
以线条分割进行区块划分增加对比,也可用线条和图形进行串联,亦或聚焦视线,简洁有力,近期大量用于时尚简洁类的设计中。
图文结合
用图形结合文字和视觉,达到整体统一。
排版的重要性不言而喻,通过上面的3大步介绍,应该能对电商banner的排版有个初步直观的认识,相信通过学习和大量练习,每个人都能掌握其中的妙。方法远不止此,而创意应更远。写的不好,有问题或者建议请留言说明,咱们多多讨论。
没思路?教你3招轻松搞定电商Banner排版相关推荐
- PDF怎么编辑修改内容?教你一招轻松搞定
怎么编辑修改PDF文件中的内容呢?大家在日常中使用PDF文件的时候,如果发现文件中出现错误的内容时,想要编辑修改里面的文字,怎么才能做到呢?大家都知道PDF文件不能直接在里面编辑,所以有很多小伙伴想知 ...
- hikvision v2.3控件网页demo_网页禁止复制粘贴怎么解决?教你五招轻松搞定
经常在网上遇到一些无法复制的文章,有什么办法可以绕开这种限制,将网页内容轻松下载下来呢?其实网页上文本复制下来不是问题,只要用对方法,都可以轻松搞定,将相关文本复制下来,一起来看看要怎么做吧. 方法一 ...
- 第十八期:网页禁止复制粘贴怎么办?教你六招轻松搞定
经常在网上遇到一些无法复制的文章,那么问题来了,有什么办法可以绕开这种限制,将网页内容轻松下载回来呢? 经常在网上遇到一些无法复制的文章,那么问题来了,有什么办法可以绕开这种限制,将网页内容轻松下载回 ...
- 网页禁止复制粘贴怎么办?教你六招轻松搞定
资讯内容 经常在网上遇到一些无法复制的文章,那么问题来了,有什么办法可以绕开这种限制,将网页内容轻松下载回来呢?其实既然是网页内容,那么意味着HTML代码是公开的,将相关文本复制下来根本不是问题,一起 ...
- LoRaWAN网关上网速率慢,教你一招轻松搞定
目录 前言 第一步-通过SSH登录到网关设备 第二步-禁用lte自动拨号 第三步-修改串口默认波特率 结语 前言 在使用RAK7243C/RAK4203的LTE模块时,该模块使用的是串口与树莓派连接, ...
- 和平精英手搓别扭?低配电脑又带不动模拟器?教你一招轻松搞定
自从刺激战场下架.和平精英上线之后,虽然有不少玩家吐槽甚至转战国际服,但是丝毫不影响和平精英在ios和安卓应用市场手游下载量第一.其实和平精英基本上是还原了80%以上的刺激战场,除了操作感没有那么顺手 ...
- 4怎么放大字体_Word字体怎么放大?简单教你几招轻松搞定
一般情况下我们都会选择用Word编辑文章.文章编辑完成之后我们通常会对文章进行排版.在排版的过程中如果我们需要将Word字体放大该怎么办呢?下面我就来教大家几个Word字体放大的小技巧,一起来看看吧. ...
- 盒子读取服务器视频文件,电视盒子怎么看U盘里的视频?巧用当贝市场,教你一招轻松搞定...
随着智能电视的普及,追剧看电视也越来越方便,但是如果没有网络或网络不畅,就会看不了剧或出现一直卡顿老是缓冲加载的情况,很影响观看体验.其次,一些海外热剧等资源不能够及时引进,还会碰到在线资源缺失的情况 ...
- wd移动硬盘不能识别_移动硬盘不能正常读取, 教你一招轻松搞定它
这样就说明他的移动硬盘没有物理硬件上的故障问题,说明硬盘本身是好的,只是软件问题.首先,更换一条数据线,结果仍然一样无效,说明不是数据线的问题.经过询问,三副在别人电脑里面拷大片时候,电脑卡,没有点击 ...
- 如何编辑PDF文件,教你几招轻松搞定
随着现在办公文件越来越多,PDF文件也变成了我们办公族常用的一款文件了,现在很多的电子书籍以及从网站下载的资料都是PDF文件的形式,PDF文件虽然是一种便携式的文件,但是编辑PDF文件并不是那么简单的 ...
最新文章
- 互斥量、读写锁长占时分析的利器——valgrind的DRD
- mysql 工程师必备命令_mysql入门命令语句
- 关于在DataTable中执行DataTable.Select(条件)返回DataTable的解决方法
- HDU 3333 Turing Tree(树状数组+离线处理+离散化)
- [zz]Ubuntu下使用Eclipse和PyDev搭建完美Python开发环境
- 内存墙,多核CPU的终结者?
- 2017.9.19 禁忌 失败总结
- pca 矩阵 迹_主成分分析法(PCA)推导
- Python 标准库 - Pprint 模块 - 用于打印 Python 数据结构
- My SQL外键约束
- Facebook开源MySQL分支获大佬捧场
- cocos2d-x 播放视频 on Android
- 51单片机——LCD12864
- 【JS】js打开新窗口与页面跳转
- 厘米换算英尺英寸java
- 电脑桌面下栏和计算机里面全黑,电脑桌面下面菜单栏变黑条了,为什么?
- 39 个奇葩代码注释,看完笑哭了。
- 时间(格林尼治时间/协调世界时/世界时间)
- 阿里巴巴社招Java面试题做题记录
- Python爬取58同城租房数据,破解字体加密
热门文章
- 基于javaweb+SSM校园招聘平台招聘管理系统(平台、企业、用户)
- Eclipse:Build not configured correctly问题
- linux系统halt,Linux命令之halt - 停止系统运行但不关闭电源
- 服务器装xp系统蓝屏怎么办,安装XP系统出现蓝屏的解决办法
- ip纯真 mysql_纯真ip导入mysql
- linux下查看cpu和memery的个数
- 麦吉尔大学计算机工程的世界排名,麦吉尔大学计算机工程本科.pdf
- 介绍一下完整接收一帧数据的方法
- 通过 xinput 禁用/启用输入设备
- 电脑缓存,缓存设置(电脑缓存设置多少合理)