- 1
- 0
- 约1.62千字
- 约 14页
- 2018-11-22 发布于河南
- 举报
8个版式设计的干货技巧
版式8个技巧助你排出好看的1.使用长线/post/9650.html1.区隔信息2.装饰▲斜线经常被当做剪刀用,俗称“一剪没”。二、使用短线1.区隔信息:利用短线区隔信息比长线要更灵活一点,不会造成太规矩的效果,而且虽然是短线,但是受众经常会脑补把它延长。▲上图的短线除了分隔信息外还起到了点缀的作用。2.装饰短线也是可以用来装饰的,把短线放在文字信息的前面、或者相对应的留白区域,再选择合适的颜色,可以有效丰富版面。▲当然,有时候是因为信息比较短,所以用短线更合适。▲在文字的下一行位置加短线3.归类:就是用一条短线把一部分信息归为一类,一般采用竖线。把文字左对齐或右对齐,然后在对齐的一面加一条长于或等于这段文字的直线,跟大括号的用法差不多,但是要更好看一些,在信息类别比较多的版面中很实用,如下图:▲在文字对应的空白区域加短线▲在目录中使用短线是最合适不过的了技巧之三、使用色块1.划分区域在画册或网页设计中,可以用色块来划分区域,一个色块承载一块信息,使该色块内的内容与其他信息区别开来,如果色块较多时最好让它们形成一定的节奏感,比如呈统一或渐变效果。▲上面的这些短线都有点长?那我们就叫它长长的短线吧。▲色块在划分区域的同时还能把一些看起来比较零散的信息组合起来。▲上图的三个色块各使用了不同的颜色,且有意上下错开创造节奏感。2.突出重点突出重点信息的方式有很多,把它放在色块中也是一种不错的方法,文字和色块要使用对比色。▲上图的色块是为了凸现标题。3.分离背景当我们在图片上排文字的时候,由于图片的明暗关系不是太平均,所以会影响文字的阅读性,这时在文字底部增加色块是一个不错的方法,如果把背景图调成黑白,再使用颜色鲜艳的色块效果会更好。▲如果想保留背景图片的完整性,也可以适当降低色块的透明度,或者使用正片叠底效果。4.丰富设计形式(装饰)色块本身就是具有强烈设计感的元素,所以我们可以用色块来进行构图,比如用几个色块组合成一个图形,或者通过色彩搭配制造对比,都可以做出很漂亮且有特色的设计。▲上面这款包装顶部的橙色在大面积的白色对比下显得十分显眼,成为了该包装的最大亮点。▲上图的色块其实是左上角品牌标志的延展,构图很特别。技巧之四、使用线框线框和色块的用法有很多相同的地方,但区别也不小,首先线框没有色块那么有视觉冲击力,其次,因为线框的框内是没有颜色的,所以更适合把图片也一同框起来了,而色块主要用来承载文字信息。线框主要的用法有以下3种:1.信息分组用线框来把版面内的信息进行分组,跟色块的用法是同样的意思,这里就不多说了,直接看例子吧。▲上图右侧用线框把信息分为三组,粗一点的彩色线框还很时▲线框的风格应该与设计的整体风格一致。2.信息组织零散的信息可能会造成版面混乱,用线框把临近的信息框在一起是一个有效的解决办法。▲在这密集恐惧症的版面中,还好设计师用线框守住了信息区域附近的一片“净土”。3.装饰根据版面尺寸、设计元素,合理的使用线框可以使作品更有设计感和美感,如:用图片贯穿线框,塑造一种突破束缚的感觉,或者把线框直接作为版面边缘的装饰线条花边等。▲利用规则的线框与图片错开制造冲突。▲在卡片的设计中用细线框装饰在边缘,有点小小的文艺气息。五、把文字排成一个特别的形状▲上图的文字被排成平行四边形,虽然算不上太特别,但是也造成了一种不稳定的感觉,在周边文字的搭配下显得个性十足技巧之七、对齐技巧之八、文叠图 跟使用色块不同的是,文叠图不需要其他元素的辅助,而是直接把文字叠在图片上,所以必须要保持文字的可识别性。而且不要把所有文字都放在图片内,而是只放一部分,与图片形成交叉的关系。这种排版的优势在于对比效果强烈,且让文字与图片形成了紧密的互动,不会有各自孤立的感觉。▲采用不规则的异性图片来处理效果也不错,图片的颜色最好不要太多太艳。▲整齐的文字与矩形的图片交叉叠加,既平稳协调又有种冲破束缚的感觉
原创力文档

文档评论(0)