美文网首页@产品
【微信排版技巧】文章排版到底该怎样配色?

【微信排版技巧】文章排版到底该怎样配色?

作者: 58bdb1ede6ea | 来源:发表于2018-11-19 14:51 被阅读7次

    俗话说得好

    有趣的内容千篇一律,好看的排版万里挑一

    最近不少人在跟小三儿咨询配色的问题

    所以今天,针对文章配色给大家一些建议

    俗话说爱美之心人皆有之

    一篇好的排版往往能够影响文章的传播度

    所以,怎样利用色彩点缀文章

    同时能让读者更愿意传播文章

    我劝你最好收藏本文

    有个大V说得好:

    有哪些东西是你一旦知道,

    生活就从此回不去了的?审美

    人其实是视觉动物,审美的理解大都是从颜色开始,

    一篇微信推文中的颜色往往决定整篇文章的基调、逼格。

    颜色又可以从标题、正文、引用、标注、配图这几方面区分,

    一篇文章的配色是为整篇文章做辅助的,

    所以,排版得当的文章可以达到以下效果:

    减轻读者的阅读压力。

    因为一直读黑纸白字,人的视觉会疲劳,

    眼睛会有压力,颜色点缀能够缓解视觉疲劳。

    增加读者对文章的理解。

    适当的颜色醒目以及标注,能够引起读者的注意,

    因此全文颜色的出现位置方便读者判断进度,把握全局。

    提升小编&读者的审美水平。

    小编与读者往往是相爱相杀,

    就像谈恋爱一样,往往习惯了之后就分不开,

    因此好的小编无形中在培养优秀的读者,

    优秀的读者又反过来倒逼小编不断提升。

    按设计学角度来说,

    文章中除了图片之外的颜色,

    全文颜色应该≤三种颜色,颜色太多显得肤浅。

    另外,不要选择饱和度太高的颜色,也就是日常所说鲜艳的颜色,

    比如大红大紫,这些颜色看起来比较low,

    也会对我们的情绪造成一定影响。

    一篇文章的配色需要一个相对合理舒适的框架或者说公式来支撑:

    主题色+正文色+标注色+图片色


    ▇ 主题色

    主题色,即全文最主要的颜色,

    可以用在标题、重点内容、二维码、头像、顶部和底部的引导等。

    ▇ 正文色

    正文色,即标题、引用之外的文字颜色,

    不建议用纯黑色(#000000),一般用适度灰色的配色:

    #7F7F7F

    #595959

    #3F3F3F

    #262626

    #0C0C0C

    ▇ 标注色

    标注色,即用作文章引用内容、注释、声明等特殊位置的颜色。

    常用的颜色有:#888888、#a5a5a5。

    ▇ 配图色

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

    一般遵从全文主色调的颜色,

    不宜与全文主题色有强烈冲突,

    比如全文灰色系,

    你突然来个鲜艳的大红色配图,明显辣眼睛。

    ▇ 第一步:整体定调

    给整篇图文确定一个大概的色彩基调,

    如冷色系、暖色系,做这一步可以有效防止在接下来

    的配色步骤中出现色彩混乱的情况。

    ▇ 第二步:确定主色

    主色决定着整体色彩趋向,是一个整体的色彩基调。

    在所有色彩中的出镜率不低于75%。

    ▇ 第三步:确定辅助色

    辅助色主要起到辅助主色的作用。

    辅助色可以使色彩更加丰富完美。

    辅助色的占比往往在20%左右。

    第四步:确定点缀色

    点缀色,有时候也称作点睛色,取画龙点睛之意。

    往往具有引导阅读,装饰画面,

    营造具有特色的画面风格的作用,

    整体占比一般5%左右。

    以上配色理论比较抽象,

    如果你不明白也没关系,

    讲到底图文阅读还是白纸黑字为主打,

    关键要学会用颜色做点缀,

    这个点缀的比率是5%左右,用得好这5%,

    全文锦上添花自不必说,往往还能让人感觉很有逼格。

    好了,下面欣赏一些常见的配色方案,

    大家看看他们是怎么玩转文章配色的。

    电商系配色方案

    主题色:#F9B1CF

    标注色:#F9B1CF

    正文色:#595959

    辅助色:#F7BC0A

    电商配色案例

    课程系配色方案

    主题色:#F4E539

    正文色:#3F3E3F

    辅助色:#000000

    课程系配色案例

    小清新系配色方案

    主题色:#76DFE3

    正文色:#333333

    辅助色:#EDFFFC

    小清新系配色

    素色系配色方案

    主题色:#444444

    辅助色:#3F3F3F

    素色系配色

    新闻系配色方案

    主题色:#C30707

    正文色:#0C0C0C

    辅助色:#FFFFFF

    新闻系配色案例

    最后配色还可以服务于品牌,比如

    最最最后如果你不擅长排版,

    想更好的提升排版技术,

    那你不妨看看下面的课程推荐。

    END

    更多的排版技巧,请关注135编辑器

    相关文章

      网友评论

        本文标题:【微信排版技巧】文章排版到底该怎样配色?

        本文链接:https://www.haomeiwen.com/subject/lvxafqtx.html