您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

八种很漂亮的排版方法和技巧分享

   总结了8个有助于排出悦目版式的技巧,仅供参考。

  一、使用长线

  行使长线排版这个技巧应该许多人都用过,但是它并没有想象的那么简单,假如运用得不恰当,不但不会悦目,还会显得很死板。长线在排版中的使用一样平常是为了知足以下几个需求。

  1.区隔信息

  即行使长线条把版面里不同类型的信息区分开,你可以根据现实情况来选择使用虚线照旧实线,觉得诟谇线单调的话也可以给它点颜色瞧瞧,使用长线区隔信息可以使其看起来更清晰,更方便受众阅读,同时还可以起到规整的作用,使版面不至于太凌乱。

八种很漂亮的排版方法和技巧分享 三联

  ▲假如一个版面内的信息层级关系许多,我们可以同时使用细线和粗线来进行划分。

  ▲上图使用的是红色虚线,使用虚线会显得没那么生硬。

  2.装饰

  我们在排版时经常会碰到如许的情况,信息并不是许多,也不适合加图片,所以整个版面容易显得单调和平淡,这时我们可以行使长线来雄厚版面,在增长美感的同时还能增长设计感。

  ▲斜线经常被当做剪刀用,俗称“一剪没”。

  ▲上图笔墨顶部增长的直线使该排版看起来更专业。

  3.建立固定版式

  在画册或报纸的排版中,一样平常会有一些固定不变的信息放在顶部或底部,作为模板出现,行使长线来辅助建立这种固定版式也是屡试不爽的技巧。

  ▲在画册排版时设计一个固定版式,可以让版面看上去更细腻。

  ▲用长线建立版式的同时也能起到分隔信息的作用。

  4.强调

  在笔墨下面加直线还能起到强调信息的作用,就像我们曩昔看书的时候划重点一样,指导到受众把目光聚焦在此。

df4558c68b36a801219c77e1c751.jpg

  ▲线条是直照旧弯应该跟设计师的性取向没毛关系。 

  二、使用短线

  短线的功能和长线大同小异,虽然没有长线用得那么普遍,但偶然候更好用,分外是在网页设计、UI设计、咭片设计中,我们能经常看到短线的身影。短线的用法有如下几种:

  1.区隔信息

  行使短线区隔信息比长线要更天真一点,不会造成太规矩的结果,而且虽然是短线,但是受众经常会脑补把它延伸。

  ▲当然,偶然候是由于信息比较短,所以用短线更合适。

  ▲上图的短线除了分隔信息外还起到了点缀的作用。

  2.装饰

  短线也是可以用来装饰的,把短线放在笔墨信息的前面、或者相对应的留白区域,再选择合适的颜色,可以有用雄厚版面。

  ▲在笔墨的下一行位置加短线

  ▲在笔墨对应的空白区域加短线

  3.归类

  就是用一条短线把一部分信息归为一类,一样平常采用竖线。把笔墨左对齐或右对齐,然后在对齐的一壁加一条长于或等于这段笔墨的直线,跟大括号的用法差不多,但是要更悦目一些,在信息类别比较多的版面中很实用,如下图:

  ▲在目录中使用短线是最合适不过的了。

  ▲上面的这些短线都有点长?那我们就叫它长长的短线吧。

  三、使用色块

  使用色块进行排版也很是实用的一项技巧,而且容易营造时尚的感觉,经常被用在画册和网页设计当中,色块在版式中的重要用途有以下几个:

  1.划分区域

  在画册或网页设计中,可以用色块来划分区域,一个色块承载一块信息,使该色块内的内容与其他信息区别开来,假如色块较多时最好让它们形成肯定的节奏感,比如呈同一或渐变结果。

  ▲色块在划分区域的同时还能把一些看起来比较零散的信息组合起来。

  ▲上图的三个色块各使用了不同的颜色,且故意上下错开创造节奏感。

  2.凸起重点

  凸起重点信息的体例有许多,把它放在色块中也是一种不错的方法,笔墨和色块要使用对比色。

  ▲上图的色块是为了凸起扣头信息。

  ▲上图的色块是为了凸现题目。

  3.星散背景

  当我们在图片上排笔墨的时候,因为图片的明暗关系不是太平均,所以会影响笔墨的阅读性,这时在笔墨底部增长色块是一个不错的方法,假如把背景图调成诟谇,再使用颜色美丽的色块结果会更好。

  ▲假如想保留背景图片的完备性,也可以适当降低色块的透明度,或者使用正片叠底结果。

  4.雄厚设计情势(装饰)

  色块自己就是具有强烈设计感的元素,所以我们可以用色块来进行构图,比如用几个色块组合成一个图形,或者通过色彩搭配制造对比,都可以做出很漂亮且有特色的设计。

  ▲上图的色块其实是左上角品牌标志的延展,构图很分外。

  ▲上面这款包装顶部的橙色在大面积的白色对比下显得十分显眼,成为了该包装的最大亮点。 

  四、使用线框

  线框和色块的用法有许多雷同的地方,但区别也不小,首先线框没有色块那么有视觉冲击力,其次,由于线框的框内是没有颜色的,所以更适合把图片也一同框起来了,而色块重要用来承载笔墨信息。线框重要的用法有以下3种:

  1.信息分组

  用线框来把版面内的信息进行分组,跟色块的用法是同样的意思,这里就不多说了,直接看例子吧。

  ▲上图右侧用线框把信息分为三组,粗一点的彩色线框还很时尚。

  ▲线框的风格应该与设计的团体风格同等。

  2.信息组织

  零散的信息可能会造成版面紊乱,用线框把临近的信息框在一路是一个有用的解决办法。

  ▲在这密集恐惊症的版面中,还好设计师用线框守住了信息区域附近的一片“净土”。

  3.装饰

  根据版面尺寸、设计元素,合理的使用线框可以使作品更有设计感和美感,如:用图片贯穿线框,塑造一种突破约束的感觉,或者把线框直接作为版面边缘的装饰线条花边等。

  ▲在卡片的设计中用细线框装饰在边缘,有点小小的文艺气息。

  ▲行使规则的线框与图片错开制造冲突。 

  五、把笔墨排成一个分外的外形

  正常情况下我们都会把段落笔墨排成小方块,但是对于那些要求不是太规矩的设计,我们也可以尝试把段落笔墨排成一些故意思的外形,例如把表达爱情的笔墨排成心形,把阐述环保的内容排成树的外形等。这些分外的外形会比方方正正的笔墨更具视觉冲击,看上去也会更天真更风趣,不过太花哨的外形会降低笔墨的阅读性,要慎用。

  ▲上图的笔墨被排成平行四边形,虽然算不上太分外,但是也造成了一种不稳固的感觉,在周边笔墨的搭配下显得个性十足。 

  六、文本绕排

  即把笔墨绕着图片的外轮廓进行排版,这种手法在画册、杂志或报纸的排版中比较多见,由于笔墨要充足多才能达到结果,使用文本绕排时,图片要用异形结果才会比较好,而且图片要尽量大一点,此方法最适合创造视觉冲击。

  ▲上图的版面中不仅运用了笔墨绕排,同时还用了大小对比、稀少对比、留白等技巧,有点叼。

  ▲上图报纸中的图片选得特别很是好,既有空间感又有动感,笔墨与图片也结合得很紧密,营造出了一种车从报纸里冲出来了的感觉。

  关于文本绕排,我顺便说一下操作方法,假如是用AI排版,你必要先把图片在PS里去底,存为PSD格式的文件,然后把该文件直接拖入AI,嵌入文件后选择可编辑选项,再点击右键选择释放剪切蒙板,接着把图片放入文本中,同时选中文本与图片,点击在菜单栏对象-文本绕排-建立就可以了。

  而在CDR中的操作方法则要复杂一点点,你必要用贝塞尔工具再把图片的外轮廓勾出来,然后再单机右键选择段落文本换行-轮廓图-跨式文本即可。 

  七、对齐

  由于对齐排版能够制造一种稳固、整齐、同一的感觉,最紧张的是便于阅读,所以,几乎是在任何版式中都要用到该技巧。看似很简单的技巧,其实里面也大有学问,有许多良好的设计作品中都暗藏了许多对齐的玄机,但是过份的强调对齐也会让版面显得很死板,于是有些设计师就喜好有心制造凌乱,效果总是弄巧成拙。

  ▲跟我一路唱:左对齐、右对齐、上对其、下对齐、左右对齐、居中对齐。

  ▲上图的设计师一定有对齐强迫症,不过结果确实不错。

  八、文叠图

  跟使用色块不同的是,文叠图不必要其他元素的辅助,而是直接把笔墨叠在图片上,所以必须要保持笔墨的可识别性。而且不要把所有笔墨都放在图片内,而是只放一部分,与图片形成交叉的关系。这种排版的上风在于对比结果强烈,且让笔墨与图片形成了紧密的互动,不会有各自孤立的感觉。

  ▲采用不规则的异性图片来处理结果也不错,图片的颜色最好不要太多太艳。

  ▲划一的笔墨与矩形的图片交叉叠加,既平稳和谐又有种冲破约束的感觉。

  每一个技巧的使用都是有目的的,要么为了美观,要么为了方便阅读,而不是为了炫技,所以在分析每个技巧时,我都说明了之所以这么做的益处,这是必要大家真正去理解的。

  这么多经典的作品,就算大家不看笔墨,纯看图片都可以从中学到不少是不是?不过,忠实说你们到底认真看了笔墨没有啊?别袭击老人家好不好。

[教程作者:佚名]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/Tutorial/di15.html
说说几点使用增强对比度来提高可读性的小提示
表单设计的5个新规则
图趣网微信
建议反馈