看过不少大号的排版案例,学过无数的排版教程,深知字体、字号、行间距、留白等潜规则,却还是做不出好看的排版?
那是因为,决定全文风格和品质的最关键因素——颜色,被你忽略了!
今天这篇文章,我会从颜色的选择和使用入手,助你快速领悟配色技巧,做出赏心悦目,高辨识度的排版。
01
一篇文章的配色,把握正文,点缀,配图这几个方面,整个框架就很清楚了。
先来看正文部分。
一般情况下,正文的配色会以黑、灰或者品牌色为主。
深灰色,如 # 5a5a5a、# 595959、# 3f3f3f,这些都是平常使用比较多的。
纯黑色 # 000000,由于在手机上比较刺眼,阅读体验不好,所以使用较少。
彩色因为可读性的原因,使用频率更少。如果想要使用彩色作为正文,一定要谨记一个原则:在浅色背景上,正文要使用深色字;在深色背景上,正文要用浅色字。
我答应阿辉把他的不开心留在这里,我不知道他那天晚上讲过什么,可能是录音机坏了,什么声音都没有,只有两声很奇怪的声音,好像一个人在哭。
▲ 浅色背景深色字
每一个嗑过葵花籽的人,都有属于自己的路,深知黑夜的冷和雨水的苦,只要走下去,总会遇到属于自己的那朵花儿,那朵怒放的一直在等待着自己的向日葵。
▲ 深色背景浅色字
再来看点缀部分。
这里主要指标注部分和强调部分。
标注,即文章的引用内容、注释等,常用的颜色有:# 888888、# a5a5a5。
强调部分,可以使用加粗,或者其他颜色加粗等方式来着重表现。
千万别小看强调部分颜色的选择。 说到底,正文部分还是以黑色为主,如果能在强调部分使用些合适的颜色,对于整篇文章来说,无疑是锦上添花。
最后再来看一下配图色。
配图色,即文章配图的颜色。
配图色要尽量配合全文的主色调,图片的视觉效果、表达的情绪都要尽量符合配色环境,可以首选品牌色、点缀色,次选中性色调的图片,切忌选择视觉冲击非常大的配图色。
02
0
基础框架搞清楚之后,我们还要兼顾整体的效果。
我们经常会看到一些文章,色彩使用非常“娴熟”,几乎是每一部分都用了至少5-6个颜色...
▲ 错误示范1
▲ 错误示范2
结果,整个版面看起来很乱,一点也不美观,还容易让人感觉不适。
要知道,色彩的使用,是为了帮助阅读,太多的色彩结合到一起反而让用户不能集中注意力,失去了使用颜色的初衷。
正常情况下,整篇文章颜色不宜超过 3 种,整体色调也要保持统一。
这种整合类的例外,这个样式,颜色虽然使用的比较多,但整体感觉比较协调,而且也能吸引读者眼球。
不过,尽量不要选用饱和度太高,也就是我们平常说的比较鲜艳的颜色,比如说大红、大紫等,这些颜色一来是比较浮夸,不易被用户接受;二来是想要搭配出高级感难度略大。
我们可以使用一些不太纯正的过渡色,能让人更舒适,更容易接受,使用得当,还能提升整篇文章的逼格。
▲ 过渡色
以上几点,其实也是配色的基本原则,简单总结一下:全文颜色不宜超过3种,整体色调要保持统一,不宜使用过于鲜艳的颜色。
03
最后,再给大家推荐几个常用的配色方案。
简约风格排版:以黑白灰为主
推荐正文色:# 595959
推荐强调色:# 595959 ( 加粗处理 )
政务类排版:黑白灰+ 暗红
推荐正文色:# 0C0C0C
推荐强调色:# C30707
课程类排版:黑白灰+黄
推荐正文色:# 3F3E3F
推荐点缀色:# F4E539
小清新风格排版:黑白灰+蓝、红等衍生颜色
推荐正文色:# 333333
推荐强调色:# 76DFE3
当然,这里说的颜色搭配也不是绝对的,大家可以根据文章的整体构思来进行颜色的选取。
大家可以在“新媒体助手”中的“颜色代码”工具中挑选合适的颜色。点击“复制”即可复制颜色码,粘贴到首页调色板处即可直接使用。
联系客服