8个版式设计的干货技巧.pptx

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