漂亮的版式设计构成与排版技巧,你真的会排版么?

2017-12-16  5632 分类:设计资讯

漂亮的版式设计构成与排版技巧,你真的会排版么?

不管是设计师还是用户相信都对好看的漂亮的漂亮的版式设计难以抗拒,这些带给人美的感受的设计作品遍及我们生活的方方面面,那么怎么样才能设计出一个漂亮的版式设计呢,它的构成要素以及排版有什么样的技巧呢?版式设计是现代设计艺术的重要组成部分,是视觉传达的重要手段。表面上看,它是一种关于编排的学问;实际上,它不仅是一种技能,更实现了技术与艺术的高度统一,版式设计是现代设计者所必备的基本功之一。

大家不禁要问,设计师已经了解并掌握了版式设计的一般规律和一般方法,也充分运用了许多设计技巧,为什么作品还是不如别人优秀呢?这其中当然与行业经验有关,但是同时也说明了我们还有一些“要诀”没有掌握。 这个 “要诀”就是构成优质版式设计的三种品种“认可感”、“喜爱感”、“品质感”。 

所谓认可感就是要得到受众的认可和认同。当你设计的版式遵循了版式设计的一般规律,没有出现原则性的错误,受众就会接受这个形式,并认为“似乎就应该是这样的吧”。 

所谓喜爱感就是让受众不仅仅是毫不关心的同意你设计的形式,而是更进一步的欢迎并放心接收信息。要提高版式的喜爱感,就要增加版式的趣味性,这个趣味性来自于视觉度,无论是插图的应用,还是色彩的搭配,都是提高视觉度的好办法。

所谓品质感就是指版式的格调,不同的格调适合不同的载体和人群,例如同是酒类广告,啤酒是一种较为便宜的产品,它的广告设计要倾向于平民化的路线,让大众感觉亲切;而高价的威士忌酒是一种奢侈的产品,它要向特定的人群传达一种品位,一份与众不同。 

漂亮的版式设计构成与排版技巧:

一:选什么字体

不同的图片能够传达不同的语气及含义,在选择字体之前首先要理解图片要表达的含义以及文字要在图片中充当什么样的角色。不同的字体传达了活泼有趣、庄重商业等不同的气息,这些不同是由字体结构决定的。

一:选什么字体.webp.jpg

1.粗与细

笔画粗则浑厚、浓重、有力;笔画细则单薄、轻巧、纤弱,这是一种最直接粗浅的观感。

粗笔画字体在视觉上会形成高密度的文本块,因为笔画加粗,字体的负空间就会减小,视觉面积加重,产生一种压迫感,进而是文字形成视觉重心,产生强调的作用。

所以粗体字经常用于标题和标语上,占据显眼的位置,产生强调的作用。

粗与细.webp.jpg

2.曲与直

字体笔画的曲直走向赋予了字体力量或弹性。直来直往的线条代表了力量、决心、勇气、坦荡、干脆、果敢,但也可能意味着死板与偏执。

2.曲与直.webp.jpg

3.松散与严谨

日常生活中的文字书写显得轻松活泼,有一种随性不羁之美。而文字书于庙堂、铸于钟鼎,或者付梓成书、传于后世,则是有一种严谨端庄的美。其本质的区别则是结构的松散与严谨之分。

3.松散与严谨.webp.jpg

4.简与繁

这里所说的简与繁并不是简体与繁体,而是笔画细节的复杂程度。具个最简单的例子,衬线体相对来说要比非衬线体细节复杂一些,宋体也比黑体复杂一些。

4.简与繁.webp.jpg

二:字体的颜色

添加的文字选择对比色、互补色,视觉效果非常强烈,充满活力、有警示作用,视觉冲击力强,通过这种强烈的对比来表达激烈的情感和无限的热情。

文本和图片对比鲜明很重要,深色背景搭配白色文本,或者浅色背景使用滤镜或叠加元素处理,是确保使用足够对比度的有效方式。

二:字体的颜色.webp.jpg

三:放置的位置

选择与图片聚焦元素有关的文本的尺寸与恰当位置不容置疑,如同文本本身的可读性一样。如下图所示,选取一个相对均匀,开阔的天空区域,这是放置文本的极佳位置。相反,将文本直接放置在图片中间,有地平线的位置,致使文本的辨识度差。

三:放置的位置.webp.jpg

具体是文本相对于图像中其他元素的位置,是在图像之后,还是图像之前;是融入其中,还是独占一方;进一步分析,如何将文字关联到图像的聚焦元素的经验法则:文本越小,空间上显得越远。


四:版式设计排版方法

1. 大且醒目&美观的排版设计

版面设计大概是一个优秀的网页设计中最重要的部分了,今年的版面设计会围绕着大且醒目,个性鲜明的标题。

1. 大且醒目&美观的排版设计.webp.jpg

2. 颜色渐变

渐变绝对是时下最“in”的趋势,在版面设计中也会经常见到。

2. 颜色渐变.webp.jpg

3. 视觉分层

视觉上的层次感对所有设计领域都是非常重要的,字体的尺寸和厚度能轻易的决定哪些文字或段落是最重要的。所以想要清晰的视觉分层,一定要牢记这一点,同时文字的位置和颜色也是非常重要的。

3. 视觉分层.webp.jpg

4. 小元素运用

这种小字体通常用在负空间里,可以与背景颜色或图片建立联系,或者通过动画让它更加突显。

4. 小元素运用.webp.jpg

5.与摄影结合

文字段落和摄影作品之间的契合能产生很好的效果,看看这些优秀案例就知道啦。

5.与摄影结合.webp.jpg

6.与几何形状结合

几何图形的设计同样可以加入到版式设计中,达到一种现代化的时髦效果。

6.与几何形状结合.webp.jpg

版式设计触及到现代生活的方方面面,版式设计的应用范围,涉及到报纸、刊物、书籍(画册)、产品样本、挂历、展架、海报、易拉保、招贴画、唱片封套和网页页面等平面设计各个领域。在掌握版式设计的基本原理过后,只要掌握设计艺术的要诀才能设计出精美而富有原创性的版式。


猜你喜欢