毁掉一个设计的罪魁祸首之一就是糟糕的排版, 文本不应该是乱糟糟的一团, 而应该是让人有想读的欲望。 今天传授大家10个排版的小技巧 及11招排版套路 不仅有关于排版的理论知识, 还有大量的图文混排的实际案例, 一目了然让你知道什么才是正确的排版方式 先来欣赏一些图文混排的作品 ▼ 文字与图片是版面中重要的视觉元素,文字的排列决定了受众的阅读效果,而图片则更容易吸引受众的视线,而且在版面中,他们多数情况下都是一起出现的,所以说在设计过程中,图文编排的形式就很重要了。敲黑板!划重点!图文混排要注意哪些?接着往下看~ 「10」条秘诀 01 — 「2-3种字体」 字体尽量控制在2到3种,主体部分应该统一字体和字号。加强标题,如有副标题也要加强。最后,保持字体颜色和字距一致,保持页面的整洁。 02 — 「间距」 字与字的间距、行与行的间距、标题与正文的间距、正文与边距的间距等,为了良好的阅读感受,都需要避免间距过窄。如果需要集中排版,就要选择更小的字体,从而空出适当的间距。同时,也要注意保持页边距的宽度。 03 — 「行距」 行距即行与行之间的距离,行距适当地增大更能增强其易读性。行与行之间至少留出比字体大两位数的距离,比如,10磅的字体对应行距应为12磅。 04 — 「字间距」 字间距即字母间的距离。大写字母和相邻的小写字母间的距离通常更宽,而字母间的距离应当是一样的。对于这种情况,我们可以以第三个字母开始的字距为标准进行调整。不要轻易尝试调整宽高比,不要随便拉长或者拉宽字体。 05 — 「对齐」 除了有特殊规定以外,不要总是把所有的东西都居中对齐,多考虑使用其他对齐格式。页面上的所有内容应该相互连接、帮衬,而不是散落在页边角落,否则看起来就会十分杂乱无章。 06 — 「字体选择」 花体字不能让你一劳永逸,一些设计师发现了一种漂亮的花体字,就开始大篇幅地使用,然而却发现并不能突出自己要表达的信息。花体字的装饰性太强,具有特殊的美化效果,一般只能在篇幅较小的地方进行使用,比如标题和头条。 07 — 「字体大小」 一定要仔细考量文本字体的大小。标题应当更大且标粗,但是文章篇幅字体也太大的话,就会显得文体比较low。对于标题和段落标题,尽可能地使用能区别于篇幅字体的更大一些的字体。 08 — 「简单易读」 不论文本的作用是什么,确保别人能轻松读懂你的内容。深色字体深色背景,显然是个无脑的排版。更有甚者,甚至把颜色对比超强的背景图和极浅的小字体进行搭配。记住,少即是多,越是简单的背景往往更能突出文本的内容。 09 — 「颜色」 什么样的颜色才能让排版更好看?毫无疑问,经典黑白配当选冠军。为什么这样说?因为灰度颜色通常更突出。使用颜色时,要避免过高的饱和度,因为亮色字体通常会妨碍阅读。还要避免对比强烈的颜色组合,例如红底绿字。 10 — 「信息归类」 信息的归类意味着将相似的内容排列在一起,这样能使信息表达更加明确。下面是两种排版,把关键词整合到一起更能抓住人的眼球,杂乱的归类和排版则让观众难以读懂。
好的排版无需图片修饰也能展现出设计的魅力。 「11」招套路 01 — 「上下分割型」 版面分为上下两个部分,图片可以是多幅也可以是单幅,彰显出活力的氛围,文字显得轻盈而自由,可以分栏撰写。上下分割对于竖排版毕竟容易操作,文字与内容都可以非常顺利排入版面。 02 — 「左右分割型」 版面分为左右两个部分,版面达到平衡的效果,形成强弱的对比效果,将文字进行穿插排版,使版面更加协调。左右分割型的排版显得非常轻盈,文字分栏非常活波。 03 — 「竖向排版」 图片和文字按照比例进行编排设置,给人以严谨、理性的美。 04 — 「满版型」 一般用于商业图,图像布满或者接近布满画面,一般是颜色较轻亮的图像,也可以略虚化。文字在编排上置于图像上,可以放在四个角,也可以放在中间,深色图浅色字,浅色图深色字。 05 — 「中轴型」 版面横向排列或竖向排列,将文字置于版面的上下或左右,增强整体的视觉体验。对称与均衡在版式设计中最为常用。 06 — 「并列型」 将选择的图片做大小相同位置不同的重复排列,将整个版面达到对比的效果。可通过既有联系又不相同的元素,使画面既具有相对的对称感,同时令画面更加灵活生动,富有变化,同时更具现代设计感。 07 — 「对称型」 多以左右对称居多,给人理性、工整的感觉,但要避免造成死板的视觉感。 08 — 「曲线、斜置型」 将图片和文字以曲线的形态进行排版,或将图片做倾斜排版,使版面表现出不稳定的视觉感,整体更具韵律感。 09 — 「重心型」 整个版面有重点,突出视觉焦点 10 — 「自由型」 做无规律的排版,版面活泼轻快,但要避免排版过意散乱、不完整。自由版经常会造成过度统一而缺乏变化的问题,应适度缩放图片尺寸,以增添其强弱对比。 11 — 「并置型」 通过图片的并列来凸显图像的秩序感,整齐又闲得工作量大,但要避免同色系堆在一起,适当留白。 |
|