「小白速看」用這幾套配色方案,排版簡單又好看

2020-10-20 小螞蟻編輯器

看過不少大號的排版案例,學過無數的排版教程,深知字體、字號、行間距、留白等潛規則,卻還是做不出好看的排版?


那是因為,決定全文風格和品質的最關鍵因素——顏色,被你忽略了!


今天這篇文章,我會從顏色的選擇和使用入手,助你快速領悟配色技巧,做出賞心悅目,高辨識度的排版。

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


當然,這裡說的顏色搭配也不是絕對的,大家可以根據文章的整體構思來進行顏色的選取。


大家可以在「新媒體助手」中的「顏色代碼工具中挑選合適的顏色。點擊「複製」即可複製顏色碼,粘貼到首頁調色板處即可直接使用。

相關焦點

  • PPT配色太難?3招「傻瓜配色法」不懂配色也能做出好看PPT!
    今天要給大家分享是是「黑白灰配色法」,也是一個初學者上手非常快的配色方法,不需要過多的技巧,新手也能利用這個方法快速配出好看的PPT、圖表、海報等等...所以在配色PPT之前,我們一定要先確定「4種顏色」,並且製作出相應的「配色板」才進行配色,接下來看下如何做「配色板」~
  • 公眾號排版配色技巧,公眾號文章怎麼排版好看
    公眾號排版配色技巧是什麼,公眾號文章怎麼排版怎麼好看呢,配色是關鍵因素,我們今天就來了解一下。公眾號排版技巧專業的說法大概就是要講色相、純度、明度這些了,本喵不講了,沒必要,那是美術專業的訓練基礎,作為一個應用者,只需要知道怎麼用就可以了,幾分鐘解決戰鬥,排版好看就可以了,
  • 公眾號排版,看這一篇就夠
    2.方式將排版好看的公眾號文章採集到公眾號後臺,將他們的元素複製、黏貼、組合,形成自己的排版3.步驟(1)加載壹伴或新媒體管家插件(注意啊,一定要先註冊啊,否則無法用)               (2)用「微信.搜狗」抓取排版較好的文章,所有的文章都可以採集
  • 史上最全的PPT圖片配色和排版教程
    即使是專業的設計師,配色也不敢完全憑感覺,此時參考專業的配色方案就顯得尤為重要。專業的配色方案,網上非常多。缺點是頁面易顯單調總結以上內容:PPT始終是一個演講輔助工具,在配色的時候,要嚴格按照確定是否使用某種配色方案:a、信息是否看得清(非常重要)b、頁面是否顯得雜亂c、配色好不好看
  • 居裡每家|家居配色全攻略,看這一篇就夠了!
    帶著灰度、偏柔和與中性的一系列粉色,在日常中都被統一稱作「髒粉」。這種粉色是什麼時候開始流行的尚無定論(可能是布達佩斯大飯店上映後),不過至今依舊未褪流行卻是一個不爭的事實。從全世界的平面、空間或建築設計,再到好好住 APP 裡住友們的家,我們發現「髒粉」這個顏色真的是蠻好看並且蠻百搭,重點是,完全!不顯!娘炮!
  • 體驗了8種配色的華為P10 以下是有關它的一切-體驗,8種,配色,華為...
    不過這並不意味這一次的MWC會變得「無聊」,因為就在幾個小時前,華為在巴塞隆納發布了今年上半年的旗艦產品P10和P10 Plus。我們也奔赴現場,第一時間為大家整理了這兩款產品的相關信息。除了「常規」的金銀粉黑白,還有不一樣的「草木綠」和「鑽雕藍」從外觀上看,P10和P10 Plus最大的賣點可能就是它的配色了,其中P10提供了高達8種配色,而P10 Plus也有7種。根據具體工藝的不同,我們將這8種配色分為三類。
  • 文章排版怎麼配色?建議收藏!
    俗話說得好有趣的內容千篇一律,好看的排版萬裡挑一最近不少人在跟135編輯器諮詢配色的問題所以今天,針對文章配色給大家一些建議顏色又可以從標題、正文、引用、標註、配圖這幾方面區分,一篇文章的配色是為整篇文章做輔助的,所以,排版得當的文章可以達到以下效果:減輕讀者的閱讀壓力。因為一直讀黑紙白字,人的視覺會疲勞,眼睛會有壓力,顏色點綴能夠緩解視覺疲勞。增加讀者對文章的理解。
  • 一分鐘搞定PPT配色丨附24個PPT配色網站
    各位親愛的大寶貝兒們~今天要分享的是「如何快速搞定PPT配色」。作為一個隨意派的PPTer,雖然很少套模板,但還是會使用同一套配色方案和同款字體維持整個PPT的統一性。很多PPTer都糾結如何配置顏色,尤其在給圖表配色的時候。
  • 復古綠千萬種配色方案中,我們只推這 3 種!
    航站樓裡的候機沙發,在形狀上沒有多餘的設計(很 Muji),但是卻在顏色上動了點小巧思——沙發上使用「綠 X 白」配色,大概是3:1的分配比例,視覺上輕快,如果是剛結束一段長途旅行,想必這種清新配色可以有所緩解你的疲勞。
  • 做出10W+爆文 都在用的12個排版技巧
    排版就好比一個人的臉面,好的排版,會讓用戶看著感覺很舒服。在這個看臉的世界裡,顏值的重要性不言而喻,不信你看下面兩篇文章的排版,相信你的眼睛也跟我一樣會比較喜歡右邊的圖文排版。比如好奇心日報「看圖:這裡是過去 24 小時內發生的重要事情」欄目裡的文章,就是非常典型的圖為主,文字為輔的排版。▲各國領導人在 G7 峰會首日的午餐會上交流。2)如何用圖片提升美觀度?
  • 學會這幾個操作很簡單
    在公司的總結匯報中,我們常常會用到圖表來展示數據,讓內容更加清晰明了,而可視化圖表和PPT一樣,做得好看的人,往往更能得到領導的青睞。今天就來帶大家打卡「Excel可視化圖表」的正確方式…01效果對比光說不練假把式,有人會說:「不就是一串數據嗎?真有你說的那麼重要?」
  • 用這篇文章的效果,給你講公眾號編輯排版小知識
    「藍白」 果殼「藍綠」 果兄私塾「黃黑」 公眾號要標籤化 例如: 童話「認知筆記標籤」 咪蒙「情感和小清新標籤」 在正式開始排版之前,我們要根據文章內容確定好整篇文章的排版風格
  • 排版好看的公眾號,都在偷偷使用這些神器!
    當我們用 Markdown 完成了文本的初步編輯後,預覽得到的排版效果,還是比較粗糙的。這時,我們可以將其粘貼到 Markdown 排版工具,通過排版工具內置的樣式進行渲染,就能得到好看的文章排版。插件https://www.crx4chrome.com/crx/1258/前面介紹的兩個工具,都需要先將編輯好的 Markdown 文檔粘貼到排版器中
  • 其實,別人幾天才能排版好的活動策劃書,你2小時就能搞定!
    如果知道操作的原理,只需要點擊幾下滑鼠,就能實現我們想要的效果,既能顯示出我們的專業性,又能做出很漂亮的樣式。今天的這篇文章,我們就以常見的策劃案為例,教你如何3步搞定word文檔排版!第一步:套樣式我們先來看一下這個文檔,仔細觀察就可以發現,這個文檔的信息可以分為幾個部分:活動時間安排、活動主題、活動頻次、活動規則.要讓這個文檔看起來專業好看,就要學會把信息分層。
  • 高效排版論文技巧:教你正確使用「項目符號和編號」
    科研論文中各級標題、參考文獻的編號,以及簡歷中的論文獎項陳列等,如果正確運用「項目符號和編號」功能,能夠極大提升排版的質量與效率,但如果運用不當,也會成為排版 bug 的高發區,讓我們抓耳撓腮,頭疼不已。
  • 只有一張圖的PPT,這樣排版,質感拉滿!
    之前我寫過一篇圖文排版相關的文章《拿到一張絕世好圖,怎麼在PPT裡榨乾它的價值?》。大伙兒普遍反映文章裡案例的配色看起來比較吉利,「早上看了晚上就得走」:為了避免大伙兒真的說走就走面對這種情況,我們可以用「畫中畫」這個技巧來修改美化。▎什麼是「畫中畫」?
  • 乾貨|如何讓微信公眾號文章排版精美?(內含教程)
    (但是這個插件對OS系統用戶不太友好,只能用谷歌瀏覽器安裝。)但是這個插件裡的模版樣式我覺得都比較老套,個人並不喜歡這樣的風格,而且需要花很長時間去自己組拼元素,所以我在排版的時候用的很少。在此強烈推薦!!!
  • 怎麼才讓微信推文排版看起來簡單又高級?極簡風排版萬能公式
    小朋友,你是否有很多問號——怎麼才讓微信推文排版看起來簡單又高級?許多人都很欣賞蘋果的廣告海報排版,說那樣看起來很高逼格但其實,簡約≠簡單。簡約排版有很多講究,要整齊、舒服、精緻。做好以下這幾點,馬上獲得高級感。
  • 微信公眾號排版顏色搭配,你缺少這些配色方案!
    註:本文轉載自網絡,不代表本平臺立場,僅供讀者參考,著作權屬歸原創者所有。我們分享此文出於傳播更多資訊之目的。如有侵權,請在後臺留言聯繫我們進行刪除,謝謝!是時候該給你們一點兒「顏色」看看了!你們怕了嗎?今天就來分享一下微信公眾號排版中,排版樣式如何更換顏色?
  • 配色方案:綠色這麼好看,手把手教你搭配啊!
    這個春天,最愛的是這組配色,去春遊就這麼穿!▼(左:義大利博主DilettaBonaiuti,右:日本鈴木姐妹)相比純色的套裝,加點其它簡單的元素,例如條紋,搭配的難度會降低,同樣,內搭選擇白色,簡單又清爽。