美文网首页
设计排版,你不知道的点!

设计排版,你不知道的点!

作者: e31ae347a807 | 来源:发表于2018-05-04 16:36 被阅读98次

一、排版

说到排版,其实已经深入设计的方方面面。我们平时制作或看到的版式经由前人总结大致上氛围一下几种——中心型、中轴型、分割型、倾斜型、骨骼型、满版型。(以下图片素材均来自于网络)

中心型排版:利用视觉中心,突出想要表达的实物——当制作的图片没有太多文字,并且展示主体很明确的情况下建议多使用中心型的排版。中心排版具有突出主体、聚焦视线等作用,体现大气背景可用纯色,体现高端背景可用渐变色。

中轴型排版:利用轴心对称,使用画面展示规整稳定、醒目大方——当制作的图片满足中心型排版但主体面积过大的情况下,可以使用中轴型排版。中轴型居中对称的版面特点,在突出主体的同事又能给予画面稳定感,并能使整体画面具有一定的冲击力。

分割型排版:利用分割线使画面有明确的独立性和引导性——当制作的图片中有多个图片和多段文字时可以使用分割排版。分割型排版能使画面中每个部分都是极为明确和独立的,在观看时能有较好的视觉引导和方向。

倾斜型排版: 通过主体或整体画面的倾斜编排,使画面拥有极强的律动感,刺激视觉——当制作的图片中要出现律动性、冲击性、不稳定性、跳跃性等效果,可以使用倾斜型排版。倾斜排版可以让呆板的画面爆发活力和生机,当你发现自己的图片过于死板或僵硬时,尝试让画面中某个元素带点倾斜,会有出奇的效果。

骨骼型排版:通过有序的图文排列,使画面严谨统一、具有秩序感——当制作的图片中,文字较多时,通常都会应用骨骼型排版。骨骼型排版时较为常见的排版方式、清晰的调理和严谨性让画面平稳,是一种不会出现的错误,但是毕竟单一的排版方式。有些时候为了打破骨骼型的单一和平稳,我们也可以应用上图第三张的形式,在规整的排列中加入一些律动强烈的素材。

满版型排版:通过大面积的元素来传达最为直观和强烈的视觉刺激,使画面丰富且具有极强的带入性——当制作的图片中有极为明确的主体,且文案较少时可以采用满版型排版。常见的满版型排版有整体满版、细节满版和文字满版。

二、方法

了解了基本的版式,我们再去了解排版中需要注意的几个问题。

首先是对版式的选择,你如果拿到一份客户的要求而没办法想出来接下来可以用哪些方法去排版,显然是作为设计师而言不太光彩和合格的事情。我在上边的例子中也写到了,不同的情况下可以应用不同的版式,而所谓的不同情况大多数时候有这么几种,字少图少、字少图多、字多图少、字多图多,字图一样。其次就是如何应用,版式是一种缥缈的艺术,理论形式固定,但表现形式多样。当你手法纯熟了,怎么摆放都会很好看,而在刚开始练习的阶段,我们还是最好注意好排版中需要严格遵守的一样东西——留白。

留白很多大师都讲过,分析过,大部分来说比较宏观,都是跟意境挂钩,我再去说重复的东西就没有意义了,我要说的是几个细碎的留白问题,首先我要否认很多人认为留白就是要做简约风的印象,其实留白无处不在,简约风只是留白更宏观的定义而已……那么怎样去理解和运用留白呢,首先我们要对留白有几个新的认识:

第一,文字间距、行距都是留白,而这种距离如果太过统一和拥挤画面就会死板,所以在文段较多的情况下,我们可以适当调节文段的距离来改善画面的效果,也就是加大文字间的留白。

如下图:

第二,比如某个元素内部又有其他元素,那么这个元素内部区域就需要合理的留白,内部元素不能太满,也不能太偏。

第三,元素跟元素之间要有一个合理的留白,不然就会拥挤难受。

如下图:

第四,装饰元素在做飘散的时不要集中在一个区域,那样会让某个区域留白不够显得拥挤,还会显得图片的感觉小气,飘散的元素我们尽量做的大气一些,挥洒写,弥补周边空旷的同事又能让画面大气。

如下图:

第五,留白的同时也要去白,去白是一种平衡留白画面的效果,一般来说常用的去白方式是对线去白,即下方有元素而上方很空的时候,给上方增加一个元素来平衡画面;当主体过于渺小导致留白过多时,需要放大主体和调整其它元素来去白。

如下图:

结合留白,我再针对上面提到的不同情况应用不用版式举个简单的例子,当客户给我的方案是字少图少和字少图多的情况下,中心型、中轴型、满版型、骨骼型、分割型等多种方式都可以解决当前问题的。比如我们用一下文字和图片做一张图:

图1:中心型 图2:中轴型 图3:满版型

综上内容,版式没有绝对的好坏,只有合适不合适;这期我们讲的主要还是围绕简洁的版式,下期我们对复杂的版式再做更深入的理解。

有其他疑问的电商朋友们,欢迎关注我们的微信公众号:【火蝠电商资讯】,后台回复:表格,即可领取16G运营大礼包,快来与我们一起交流学习!

相关文章

  • 设计排版,你不知道的点!

    一、排版 说到排版,其实已经深入设计的方方面面。我们平时制作或看到的版式经由前人总结大致上氛围一下几种——中心型、...

  • ui设计排版, 版式设计排版

    ui设计排版, 版式设计排版。ui设计师的工作中,不管是商业还是你在企业中,对ui设计师来说,ui设计排版也是...

  • 【慕恬瑶】多种平面设计排版版型,轻松为你解决排版难题

    多种平面设计排版版型,轻松为你解决排版难题 在海报、杂志、网页、书籍……中,排版的好坏,直接影响整体的设计效果。同...

  • 设计师应了解的20个文字排版准则

    文字排版设计是平面设计中最重要也是最能打动人心的设计要素之一。无论你的设计水平处于哪个阶段,文字排版准则对于提升你...

  • 无标题文章

    平面设计排版技巧 平面设计是一种展示的艺术,你要展示什么内容,怎么来展示它,这也就是平面设计的排版了。好的排版能将...

  • 发现好字体

    作为设计师,学会选择排版类型是一项重要的技能,文字是你与用户沟通的主要方法之一,而排版可以决定你设计的成败。 排版...

  • Web前端设计排版小技巧

    web设计排版多种多样,如何更好的排版、设计出更符合美学的设计了?设计该如何更好的做好网页设计的布局排版了,今天给...

  • web前端设计排版小知识

    web设计排版多种多样,如何更好的排版、设计出更符合美学的设计了?设计该如何更好的做好网页设计的布局排版了,今天给...

  • 7种文字排版设计版面设计方法,怎么排版能做出好看的板式排版设计教

    7种字体组合方法,告别平凡 7种文字排版设计版面设计方法,怎么排版能做出好看的板式排版设计教程 首先,文字排版的组...

  • 平面设计排版技巧

    平面设计是一种展示的艺术,你要展示什么内容,怎么来展示它,这也就是平面设计的排版了。好的排版能将平面设计的设计效果...

网友评论

      本文标题:设计排版,你不知道的点!

      本文链接:https://www.haomeiwen.com/subject/uuodrftx.html