這個(gè)排版怎么樣访得??陕凹?
相信大部分人都不喜歡這個(gè)排版悍抑,它的問(wèn)題有很多,最明顯的一個(gè)問(wèn)題是配色太亂杜耙。
最近也有一些小伙伴來(lái)訴苦搜骡,說(shuō)配色好難啊,不知道怎么下手佑女,不會(huì)設(shè)計(jì)一點(diǎn)感覺(jué)沒(méi)有记靡!
配色很重要,一篇文章团驱,字體大小摸吠、行間距、兩端縮進(jìn)設(shè)置的都很合適嚎花,選取的配圖也很精致寸痢,但一眼看去,還是感覺(jué)不好看紊选,很可能就是配色出了問(wèn)題啼止。
配色并不難道逗,不需要告訴你準(zhǔn)確的色值,你也能搭配出舒服好看的顏色献烦。今天就給大家講講配色的問(wèn)題滓窍。
一、配色的作用
色彩通過(guò)人的印象或聯(lián)想而產(chǎn)生影響巩那,配色就是將各種顏色擺在適當(dāng)?shù)奈恢美艉唬鲆粋€(gè)最好的安排,從微信封面設(shè)計(jì)及圖文排版的角度來(lái)說(shuō)拢操,合理配色還有更重要的作用锦亦。
1. 吸引視覺(jué)
鮮明的色彩搭配讓每篇文章在推送出去的一瞬間,便能夠吸引不少讀者的目光令境,讓人忍不住想要戳進(jìn)去閱讀杠园。
在顏色的使用上舔庶,也多用明黃明粉等亮色抛蚁,并進(jìn)行亮色之間的撞色搭配。
2.輔助閱讀
通過(guò)文章中不同顏色的搭配惕橙,作者可以輕松突出內(nèi)容重點(diǎn)瞧甩,讀者也可以一下就區(qū)分出內(nèi)容層次。
例如「荒野氣象臺(tái)」使用綠色來(lái)標(biāo)出重點(diǎn)內(nèi)容弥鹦,這樣能夠使讀者在閱讀的過(guò)程中很快捕捉到重點(diǎn)信息肚逸。
「頂尖文案TOPYS」中,運(yùn)用棕黃/橘黃將小段落的重點(diǎn)信息加以明示彬坏,讓段落的主旨更加清晰明確朦促。
3.樹(shù)立品牌風(fēng)格
無(wú)論是自媒體還是企業(yè),公眾號(hào)都代表著品牌對(duì)外的形象栓始,因此务冕,不同的顏色更加鮮明了品牌的調(diào)性。
比如「36氪」的公眾號(hào)圖標(biāo)主色調(diào)為藍(lán)色幻赚,其無(wú)論是封面及內(nèi)容禀忆,都多以運(yùn)用藍(lán)色為主。
二落恼、色彩理論
1. 色彩三要素
包括色相箩退、明度和純度,人眼看到的任一種顏色都是這三個(gè)特性的綜合效果佳谦。
⊙色相
是色彩的首要特征戴涝,是區(qū)別各種不同色彩的最準(zhǔn)確的標(biāo)準(zhǔn)玻佩。比如紅哑子、橙英上、黃窃页、綠矢棚、青郑什、藍(lán)、紫等蒲肋。
⊙明度
可以理解為亮度蘑拯,也就是色彩的明暗差別,或者深淺差別兜粘。
色彩的明度差別包括兩個(gè)方面:
一是不同色相間存在的明度差別申窘,比如黃色就比藍(lán)色的明度高;
二是同一色相的深淺變化孔轴,如藏藍(lán)剃法、中藍(lán)、淺藍(lán)都是藍(lán)路鹰,但一種比一種淺贷洲。
⊙純度
是指色彩的鮮艷度。
不同色相所能達(dá)到的純度是不同的晋柱,比如紅色純度是最高优构。
而高純度色相加白或黑,可以提高或減弱其明度雁竞,但都會(huì)降低它們的純度钦椭。
2.互補(bǔ)色與類似色
在一個(gè)由12種基本顏色構(gòu)成的色輪中,互補(bǔ)色是指在色輪中完全對(duì)立的顏色碑诉,比如紅色與綠色彪腔、藍(lán)色與橙色、紫色與黃色联贩;類似色是指是指色輪中90度角內(nèi)相鄰的顏色漫仆,比如橙黃色、橙色與橙紅色泪幌。
三盲厌、配色妙招
1.色不過(guò)三
同一篇圖文中,色相最好不要超過(guò)3個(gè)祸泪,這是在配色過(guò)程中遵循的基本原理吗浩。“色不過(guò)三”的基本原則在衣服穿搭上也經(jīng)常被提起没隘。
如果顏色太多懂扼,會(huì)有一種眼花繚亂的感覺(jué),視覺(jué)上顯得雜亂。
2. 以圖選色
根據(jù)文章中配圖的色調(diào)選擇顏色阀湿,比如你的文章是圣誕主題赶熟,圖片多為圣誕美景,那么你就可以選取紅綠系的顏色進(jìn)行搭配陷嘴。
3. 互補(bǔ)+類似
互補(bǔ)色在色盤(pán)上相互對(duì)立映砖,搭配在一起會(huì)產(chǎn)生視覺(jué)沖擊的效果,如果你有需要強(qiáng)調(diào)的內(nèi)容灾挨,那么使用互補(bǔ)色就再合適不過(guò)了邑退。類似色在色盤(pán)上相鄰,不論組合兩種顏色還是三種顏色劳澄,他們都有相同的基礎(chǔ)色地技,這樣就形成了一個(gè)協(xié)調(diào)的組合。
如圖所示:
四秒拔、配色網(wǎng)站推薦
1. brandcolors
BrandColors 收錄了世界最知名的品牌莫矗、企業(yè)公司、知名網(wǎng)站的顏色砂缩,可以快速下載獲取顏色文件趣苏,支持 ASE、SCSS梯轻、LESS 和 CSS格式食磕。
2.design-seeds
Design Seeds 是一個(gè)色彩與靈感的網(wǎng)站,主要從自然和生活中尋找創(chuàng)作元素喳挑。
每日更新推送的色彩提煉為設(shè)計(jì)師彬伦、藝術(shù)家、手工藝師伊诵、室內(nèi)設(shè)計(jì)師提供著源源不斷的配色靈感单绑。
3.degraeve
Color Palette Generator 支持 JPG 和 PNG 格式的圖片,并且會(huì)對(duì)圖片色彩顯示做詳細(xì)分解曹宴,非常適合你偶然在瀏覽網(wǎng)頁(yè)時(shí)發(fā)現(xiàn)的配色優(yōu)秀的圖片搂橙。
不過(guò)該網(wǎng)站僅僅只能處理網(wǎng)絡(luò)圖片,如果你選擇這款工具的話笛坦,需要將圖片上傳之后才能所用区转。
4.Adobe Color
Adobe Color 是 Adobe 公司(做Ps、Ai版扩、Ae…軟件的那家)開(kāi)發(fā)的一款專門(mén)用作配色的g工具網(wǎng)站废离。使用者可以利用色輪根據(jù)互補(bǔ)、類似等規(guī)則進(jìn)行自動(dòng)配色礁芦,這個(gè)網(wǎng)站同樣也可以通過(guò)圖片選取顏色蜻韭。
「i排版」公眾號(hào)后臺(tái)回復(fù)“配色”
獲取更多配色網(wǎng)站資源
普通圖文排版用i排版編輯器(ipaiban.com/bianji)悼尾,交互圖文排版用 iPaiban Pro 黑科技編輯器。
現(xiàn)在新用戶注冊(cè)登錄 iPaiban Pro 黑科技編輯器肖方,在「新手禮包」可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會(huì)員體驗(yàn)權(quán)闺魏,以及22個(gè)常用必備組件的大禮包(1年)。
認(rèn)準(zhǔn)編輯器網(wǎng)址:x.iPaiban.com俯画,復(fù)制網(wǎng)址在 PC 端 Chrome(谷歌)瀏覽器打開(kāi)舷胜,即可開(kāi)始注冊(cè)并使用。