1. 主页 > 设计资讯

新的排版模式:无对比,不排版!

所有的平面设计都离不开布局,包括网页设计、交互设计、UI设计 但是排版是一门很深很难掌握的学科。如果简单的对齐看起来很好,看起来很乱但是不清楚 所以很多设计师都会有点迷茫。排版应该怎么好看?纯粹是凭感觉吗?其实版面设计是有套路的,我发现好看的版面设计离不开这两个字——对比。以下是我总结的,在版面设计中经常用到的九种对比手法:1。字号(粗细)对比字号对比是文字排版中最常见的。要列出的信息通常有标题、副标题和正文,也有关键信息和非关键信息来放大重要信息。 大小对比也可以丰富版面层次,让观众有细节可看,当然最后的对齐可以有几种排列方式,呵呵!如果去掉上图中的小字,你会发现前后效果差别很大 2.长度比较分为行之间的长度比较和列之间的长度比较 在文字排版中,每一行文字的长度都是不一样的,长度相等,比每一行好看(段落文章除外),文字段落的边最好是波浪形的,所以我们可以在排版中通过断句的方式故意形成长度和长度的对比,使排版看起来更美观(最好不要断字或断字) 如果把上图的文字改成每行那么长,会得到如下效果:不算太丑,但略显平淡 列与列之间的长度比较,是指在相册、杂志、报纸的排版中,由于文字信息比较多,我们往往会把文字分成若干列。这时,利用好每一列中段落的长度关系,也能产生很好的效果,比如左下角的图 如果段落的排列和右上角的一样长,整个布局就会再次显得沉闷 3.稀疏对比在实际排版中,我们需要处理的文字往往分为功能、信息和状态。这时候最常见的处理方法就是把同一类型的信息放在一起,而不是把同一种信息分开,然后用不同的字体、大小、颜色来对待。这样做的好处是信息清晰,看起来透气。设计师可以使用这种方法来创建视觉过程,并引导观众阅读信息。 如果去掉上面例子中稀疏的对比,会显得有点压抑 再比如下面名片的设计。稀疏对比度和稀疏对比度的区别也相当明显 4.方向对比是指版面中的文字信息一部分在某个方向排版,另一部分文字在其他方向排版。这种手法可以有效增加版面的动态或空感,在海报设计中比较常见。因为很多海报信息量多,排版限制少,所以设计可以灵活发挥。 下面的海报展示了右向上倾斜和左向上倾斜之间的对比 日本是版面设计大师,下面的海报用的是横竖对比 5.字体对比大家应该听过这句话:“一张图片最好不要超过三种字体 因为字体太多会造成版面凌乱,但是如果一个版面信息多,只有一种字体,也会显得有点单调。用两三种字体排版可以创造对比,不仅可以区分不同的信息,还可以丰富版面,使设计看起来更有吸引力 但并不是不同的字体可以形成对比,而是这些字体的风格可以形成比较大的对比,比如书法字体和宋体,手写字体和黑体等等 在上图的布局中,一个笔迹混合了很多罗马风格。当正规的罗马风格和随意的笔迹结合在一起时,就会发生化学反应,整个版面一下子活跃起来 如果把上图中的字迹改成罗马体,整个布局会很普通 在下面的包装中,中文产品名称是手写字体,而英文产品名称是罗马字体 如果中文产品名称改为宋体,效果会大大降低,虽然这里仍然保留了大小对比 6.字体色彩对比说到色彩对比,大家很快就会想到图片中的色彩对比。其实在文字排版中经常用到。利用色彩对比进行文字排版,可以起到突出重点、区分信息、装饰图片的作用。同时,不同的颜色可以传达不同的情感。色彩对比的合理运用可以使设计更符合其所表达内容的属性。这种方法常用于标题设计。 没有色彩对比的排版会显得单调乏味,如下图所示 在下面的专辑设计中,除了左边第三行,其他字符都是灰色的,视觉上有所区分。当然,这个红色是来源于图中纸船上的红色 如果把唯一的红色换成灰色,似乎少了一笔点睛之笔 7.图文对比我们也可以把它当成线条和面孔的对比 文字和图片是平面设计中最重要的两个元素,因此掌握图片和文字的对比技巧也是至关重要的 图片和文字的组合方式有很多,比如并排排版、文字缠绕、图片重叠、文字重叠等等。图片的形式主要分为规则的几何形状和不规则的特殊形状,我们可以根据实际需要进行选择 纯文字的版式虽然可以排的很好,但是有图的时候会缺乏视觉冲击力、感染力和美感。如果去掉上图中的图片,用文字填充,布局的张力和美感会在瞬间丧失 另一个例子是下面的用户界面设计。如果去掉图片,布局会显得单调 因此,在条件允许的情况下,尽量在设计中加入画面元素 8.立体文字与平面文字的对比这种对比效果在广告设计中比较常见,比如标题设计成3D立体效果,字幕或文字是平面效果,或者一张图片的主视觉是立体的,标题直接是平面的等等。,而且效果也很好。空有很强的空间感和视觉冲击力 右上图去掉了上图的立体效果,结果视觉中心很细 9.局部与整体的对比局部与整体的对比也称为平面构成上的特别,即布局中的大部分元素是一种效果,只有局部元素是完全不同的效果。局部和整体的对比非常强烈,可以形成强烈的扇形差异,所以容易造成醒目的效果,替代治疗的局部也会成为视觉焦点 下图中的相册设计也采用了这种对比手法 当然,在排版中仅靠一种对比技术很难达到理想的效果,所以我们看到的很多版面设计都采用了至少三种以上的对比效果 比如下面的例子:上图结合了文字大小比较、行与行之间的长度比较、图形比较、整体与局部比较、稀疏比较 上图结合了字体对比、大小对比、颜色对比、列间长度对比、整体和局部对比 上图结合了字体大小、行间长度和字体颜色对比 上面的相册布局集成了字体大小对比、行间长度对比、字体对比、整体和局部对比 结论有平面设计就有排版,有排版就有对比。如果你善用对比,你的排版技巧会更进一步

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/xingyezixun/100.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息