您当前的位置:首页 > 电脑百科 > 软件技术 > PS/设计

设计Banner常用的排版方式!

时间:2019-07-16 11:53:19  来源:  作者:

在Banner设计当中,主要有以下几种排版形式:重心型、分割型、倾斜型、满版型、曲线型、对称型、三角形、四角型。种排版方式。

重心型

重心型版式的banner容易让浏览者产生视觉焦点,界面效果强烈且突出。

分割型

分割型主要可以分成上下分割和左右分割。因为Banner一般是高度比较窄,所以左右分割型会比较常见。

上下分割,顾名思义,就是把整个版面分为上下两个部分。可以在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。 上下分割的Banner布局比较少见,上下分割之后,版面的设计要求也比较高。

左右分割,就把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。左右分割布局在banner的设计中最为常见。

倾斜型

倾斜型的Banner比较偏个性化一些,多在一些设计公司或是运动品牌的网站中出现。版面的主体形象做倾斜设计,造成版面强烈的动感和不稳定因素,这种设计比较引人注目。

满版型

满版型的Banner比较好理解,通常是版面以图像充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉。

曲线型

图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律,多出现在运动型的Banner设计中。

对称型

对称的版式给人稳定、庄重理性的感觉,对称有绝对对称和相对对称。一般多采用相对对称以避免过于严谨,Banner对称一般以左右对称居多。

三角形

在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。

四角型

四角型指在版面四角以及连接四角的对角线结构上编排,这种结构的版面,给人以严谨,规范的感觉。

每种排版形式并非以一种表现形态出现,比如四角型的Banner可能会结合对称性的,所以大家在分析Banner的时候不要以单一的一种视角去分析,可以同时存在几种版式形式,版式也没有绝对的好坏,只有适合亦或是不适合。



Tags:Banner   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
文/李辉展 平面构图主要是通过在二维空间中组合点,线和平面中的某些规则而形成的视觉语言。电商Banner的所有元素可以被视为平面构成中的虚线的组成元素。 ①分离。形与形...【详细内容】
2020-08-21  Tags: Banner  点击:(153)  评论:(0)  加入收藏
杨妮 Banner设计必须要遵循美学原理,通过色彩原理、节奏与韵律、对称和均衡等美学的原理去更好的体现设计作品。设计师必须学会应用美学原理来分析、鉴赏Banner作品,并不断提...【详细内容】
2019-08-13  Tags: Banner  点击:(266)  评论:(0)  加入收藏
对于网易云音乐今天不说版权仅来回顾一下那些唯美的banner这些年,它的banner有高逼格的有接地气的,也有温暖人心的……无论是哪一种它的色彩搭配都能让人倍感舒适...【详细内容】
2019-07-17  Tags: Banner  点击:(340)  评论:(0)  加入收藏
在Banner设计当中,主要有以下几种排版形式:重心型、分割型、倾斜型、满版型、曲线型、对称型、三角形、四角型。种排版方式。重心型重心型版式的banner容易让浏览者产生视觉焦...【详细内容】
2019-07-16  Tags: Banner  点击:(348)  评论:(0)  加入收藏
▌简易百科推荐
【简介】大家好,我是不二何(68ID:何旭阳),很荣幸受邀此次的68Design专访! 目前我是一位自由设计师,平时除了承接一些商业项目之外,也会更新视频号、小红书等短视频平台。其中小红书...【详细内容】
2021-12-27  68Design    Tags:PS   点击:(2)  评论:(0)  加入收藏
Retouch Pro是一款优秀的图像修饰插件,帮助ps用户更快地进行图像照片的修饰。 由于其强大的人工智能系统,您可以轻松就获得专业的效果,并且比以往的手动更快,效果更好,操作更简单...【详细内容】
2021-12-27  设计师臭豆腐    Tags:Ps   点击:(7)  评论:(0)  加入收藏
早在 2015 年,就有报道称,到 2022 年底,仅英国的创意产业就需要 120 万名新工人。当然,世界与 2015 年的情况大不相同——但如果任何事物都需要比预期更多的创造力,而...【详细内容】
2021-12-22  Adobe国际认证    Tags:Adobe   点击:(11)  评论:(0)  加入收藏
最终效果 1、新建文件打开PS软件,按Ctrl + N 新建文件,尺寸为1920×1308像素,分辨率为72像素/英寸,如下图,然后确定。 2、导入房间素材打开素材包中的房间素材,用移动工具...【详细内容】
2021-12-22  PS教程240PS    Tags:PS   点击:(5)  评论:(0)  加入收藏
经常和大家分享PPT技巧,不知道大家有没有进步?今天直接来个重磅分享。你知道,一些大厂的路演、发布会PPT的设计师,平时浏览什么设计网站吗? 作为PPT设计师,平时也会看一些创意设计...【详细内容】
2021-12-15  旁门左道PPT    Tags:设计师   点击:(21)  评论:(0)  加入收藏
今天来说使用CAD梦想画图软件绘制一个CAD小白基础题。操作工具操作系统:Windows10CAD软件:CAD梦想画图步骤1.先画一个半径为100的圆,如下图所示:画圆 2.接着使用多边形命令(POL)画...【详细内容】
2021-12-15  CAD梦想画图    Tags:CAD   点击:(17)  评论:(0)  加入收藏
详情页是消费者进店后决定是否购买产品的页面,是电商产品重要的落地点。在消费者找到自己心仪的产品后,详情页满足了消费者了解产品的所有信息的诉求,就像一个经验丰富的售货员,对产品的每细节娓娓道来。定义好产品属性后...【详细内容】
2021-12-15  设计智造    Tags:详情页   点击:(10)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计) ▲音乐学校创意 ▲轮胎创意 ▲啤酒创意 ▲糕点创意 ▲旅游公司创意 ▲抵制家庭暴力公益宣传 ▲食品创意 ...【详细内容】
2021-12-15  设计智造    Tags:广告设计   点击:(11)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计)启动画面是在APP启动时全屏展示的简单占位图,其作用是用户打开APP,程序在运行时可能因为网络、程序本身等原因需要加载几秒钟的等待...【详细内容】
2021-12-15  设计智造    Tags:界面设计   点击:(26)  评论:(0)  加入收藏
Don Tuch 是一家位于墨西哥城的快餐店。其源自于Yucatán半岛的美食传统,是以一种令人难忘的独特方式融合了正宗风味的食品概念。Don Tuch以一种有趣和轻松的方式向Yuc...【详细内容】
2021-12-15  致美设计    Tags:包装设计   点击:(13)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条