千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > UI设计技巧-Banner基础排版样式分析

UI设计技巧-Banner基础排版样式分析

来源:千锋教育
发布人:小千
时间: 2021-07-15 09:09:00 1626311340

      Banner是所有设计师都逃不了的难题,很多刚入行的设计师一听说做Banner就头大,不知道该从哪里开始,做什么风格的。小千为大家整理了几种常见的Banner排版风格介绍,提供给大家参考一下。

      一.中轴型排版

      中轴型排版,在做电商活动海报的时候是很出效果的一种设计手法。这种方式使画面规整稳定、醒目大方,视觉更聚焦,信息更集中,在突出主体的同时能使整体画面具有一定的冲击力。相对来说,对于实物(人,商品,创造形象)要求并不高,文字信息本身的处理需要更显功力。

      常见中轴型排版原型图

ui设计培训

      二.分割型排版

      分割型排版,以分割排版的方式构图,画面有明确的独立性和引导性。这种方式留白更多,较好的视觉引导和方向使信息更明确,更显品质感。相对来说,对于图像的品质要求更高,精致感品质感更高。

      常见分割型排版原型图

ui设计培训2

      三.满版型排版

      满版型排版,使用大面积的元素来传达是最为直观和具有强烈的视觉刺激的。当制作的图片中有极为明确的主体,且文案较少时可以采用满版型排版。这种方式视感更强,带入感更高。例如节日专题活动,会员等营销活动。常见的满版型排版有整体满版、细节满版和文字满版。

      满版布局原型图

ui设计培训3

      四.中心布局

      中心布局视乎在今年比较流行,可能是因为它比较容易出效果也比较容易受到很多设计师的喜爱。的确相当于其它版面布局不同,它以中心开始布局向外扩张,而且大多数这类布局的中心是模特。可能会跟左中右布局混淆,左中右是3个区域都是各自对应的内容,而中心布局则都是以版面中心点居中布局。

      五.三角形布局

      三角形排版是一种节奏感、韵律感极强的排版方式,视觉冲击力大,带入感更高!当然我们在设计这种排版时候切记不用面面俱到,非得拼个三角形出来,让他的排版趋向于一个三角形,这个交点可能在画面里面,也可能在画面外面!

      最后总结一下:

      1. 常见布局有左右、左中有、上下和中心

      2. 不同的布局不用的需求,大家多尝试不是件坏事

      3. 版面的布局的有不同,合适才是最好的

      4. 设计的本质都是为了传播,设计内容都是为了让用户去理解和遵从你的思路,理解作品,产生共鸣,这其实就是一种秩序之美。

      以上就是常见的Banner板式的介绍了,同学们在自己设计的时候可以参考一下。最后欢迎对UI设计感兴趣的同学来到千锋UI设计培训班参加我们的课程学习,全程名师面授更有免费学习教程视频可以领取,先到先得哦。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT