打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
「小白速看」用这几套配色方案,排版简单又好看

看过不少大号的排版案例,学过无数的排版教程,深知字体、字号、行间距、留白等潜规则,却还是做不出好看的排版?


那是因为,决定全文风格和品质的最关键因素——颜色,被你忽略了!


今天这篇文章,我会从颜色的选择和使用入手,助你快速领悟配色技巧,做出赏心悦目,高辨识度的排版。

01


一篇文章的配色,把握正文,点缀,配图这几个方面,整个框架就很清楚了。


先来看正文部分。


一般情况下,正文的配色会以黑、灰或者品牌色为主。


深灰色,如 # 5a5a5a、# 595959、# 3f3f3f,这些都是平常使用比较多的。


纯黑色 # 000000,由于在手机上比较刺眼,阅读体验不好,所以使用较少。


彩色因为可读性的原因,使用频率更少。如果想要使用彩色作为正文,一定要谨记一个原则:在浅色背景上,正文要使用深色字;在深色背景上,正文要用浅色字。


我答应阿辉把他的不开心留在这里,我不知道他那天晚上讲过什么,可能是录音机坏了,什么声音都没有,只有两声很奇怪的声音,好像一个人在哭。

▲ 浅色背景深色字


每一个嗑过葵花籽的人,都有属于自己的路,深知黑夜的冷和雨水的苦,只要走下去,总会遇到属于自己的那朵花儿,那朵怒放的一直在等待着自己的向日葵。

▲ 深色背景浅色字


再来看点缀部分。


这里主要指标注部分和强调部分。


标注,即文章的引用内容、注释等,常用的颜色有:# 888888# a5a5a5


强调部分,可以使用加粗,或者其他颜色加粗等方式来着重表现。


千万别小看强调部分颜色的选择。 说到底,正文部分还是以黑色为主,如果能在强调部分使用些合适的颜色,对于整篇文章来说,无疑是锦上添花。


最后再来看一下配图色。


配图色,即文章配图的颜色。


配图色要尽量配合全文的主色调,图片的视觉效果、表达的情绪都要尽量符合配色环境,可以首选品牌色、点缀色,次选中性色调的图片,切忌选择视觉冲击非常大的配图色。


02

0

基础框架搞清楚之后,我们还要兼顾整体的效果。


我们经常会看到一些文章,色彩使用非常“娴熟”,几乎是每一部分都用了至少5-6个颜色...


▲ 错误示范1


▲ 错误示范2


结果,整个版面看起来很乱,一点也不美观,还容易让人感觉不适。


要知道,色彩的使用,是为了帮助阅读,太多的色彩结合到一起反而让用户不能集中注意力,失去了使用颜色的初衷。


正常情况下,整篇文章颜色不宜超过 3 种,整体色调也要保持统一。


为你打call还有这种操作扎心了,老铁尬聊惊不惊喜?意不意外你的良心不会痛吗?油腻diss/怼比心 / 笔芯大吉大利,今晚吃鸡佛系xx你有freestyle吗?

这种整合类的例外,这个样式,颜色虽然使用的比较多,但整体感觉比较协调,而且也能吸引读者眼球。


不过,尽量不要选用饱和度太高,也就是我们平常说的比较鲜艳的颜色,比如说大红、大紫等,这些颜色一来是比较浮夸,不易被用户接受;二来是想要搭配出高级感难度略大。


我们可以使用一些不太纯正的过色,能让人更舒适,更容易接受,使用得当,还能提升整篇文章的逼格。


▲ 过渡色


以上几点,其实也是配色的基本原则,简单总结一下:全文颜色不宜超过3种,整体色调要保持统一,不宜使用过于鲜艳的颜色。


03


最后,再给大家推荐几个常用的配色方案。

简约风格排版:以黑白灰为主

推荐正文色:# 595959

推荐强调色:# 595959 ( 加粗处理 )‍


政务类排版:黑白灰+ 暗红

推荐正文色:# 0C0C0C

推荐强调色:# C30707

课程类排版:黑白灰+黄

推荐正文色:# 3F3E3F

推荐点缀色:# F4E539

小清新风格排版:黑白灰+蓝、红等衍生颜色

推荐正文色:# 333333

推荐强调色:# 76DFE3


当然,这里说的颜色搭配也不是绝对的,大家可以根据文章的整体构思来进行颜色的选取。


大家可以在“新媒体助手”中的“颜色代码工具中挑选合适的颜色。点击“复制”即可复制颜色码,粘贴到首页调色板处即可直接使用。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
蔬果选深色,零食挑浅色
简单实用,PPT中小标题的8种排版方式!
规范Word文件标准文字排版格式(收藏,以备后用)
微信公众号美观排版技巧之文字和段落
超详细微信排版操作手册
百分比堆积方块图
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服