(資料圖)

多巴胺設(shè)計(jì)風(fēng)格通常會(huì)保持簡(jiǎn)潔明了的排版形式，從而讓設(shè)計(jì)效果更加清晰明了。因此，我們就可以嘗試使用相對(duì)簡(jiǎn)潔而不復(fù)雜的文字編排，結(jié)合較大字號(hào)、矩形結(jié)構(gòu)文字組、以及基本幾何形狀等等。

首先第一步，我們先繪制橫向?yàn)榘藱诘木W(wǎng)格，然后根據(jù)網(wǎng)格繪制兩個(gè)三角形形成疊加。暫且填充深淺不同的灰色，以代表后續(xù)需要填色的部分。

第二步，根據(jù)網(wǎng)格約束進(jìn)行文字編排，保持之前確定好的幾個(gè)關(guān)鍵性要點(diǎn)即可。如果覺(jué)得這種編排略顯單調(diào)的話(huà)，也可以像案例中這樣在對(duì)齊上做些變化。

在配色上，鮮艷明亮的顏色是多巴胺風(fēng)格的特點(diǎn)之一，而考慮到整體編排特征（對(duì)色彩數(shù)量需求不大），這里我們可以使用最簡(jiǎn)單的配色方式，就是使用基本熒光色進(jìn)行配色。

為了突顯圖形的有彩色，背景盡量選擇無(wú)彩色白色或灰色。然后在這幾種熒光色之間不斷變換嘗試。

實(shí)際上熒光色不只這六種，在具體的印刷中可以通過(guò)油墨之間的混合得到其他熒光色，只不過(guò)通常情況下這六大基本色更具鮮亮的視覺(jué)效果，也更符合多巴胺風(fēng)格的特征，因此我們可以?xún)?yōu)先考慮。

當(dāng)簡(jiǎn)潔明了的版面和配色無(wú)法滿(mǎn)足設(shè)計(jì)的需求時(shí)，我們可以考慮使用第二種方式，也就是使用簡(jiǎn)單的圖形元素，比如線條、基本形狀、幾何圖形等等。這些圖形元素結(jié)合高對(duì)比度的色彩可以進(jìn)一步達(dá)成多巴胺的設(shè)計(jì)效果。

首先，同樣也是先繪制網(wǎng)格以規(guī)范我們后續(xù)的圖形和文字編排；然后繪制一個(gè)簡(jiǎn)單的圖形元素，復(fù)制后根據(jù)網(wǎng)格布局形成圖案。

接著根據(jù)網(wǎng)格進(jìn)行文字編排。這里的編排同樣保持簡(jiǎn)潔的形式，整體貼近邊距和網(wǎng)格，左側(cè)文字使用左對(duì)齊，右側(cè)保持右對(duì)齊。同樣，為了打破呆板的印象，可以對(duì)文字細(xì)節(jié)進(jìn)行距離調(diào)整。

然后將圖形與文字結(jié)合，并且先以黑白灰填充圖形，前期填充黑白灰的目的是需要確定好哪些部分的顏色是相同的，方便我們后續(xù)統(tǒng)一調(diào)整顏色。比如這里我們可以確定這個(gè)畫(huà)面需要的色彩數(shù)量是三個(gè)。

多巴胺風(fēng)格在使用顏色組合時(shí)通常會(huì)選擇高對(duì)比度的顏色，尤其是當(dāng)色彩數(shù)量需求增多時(shí)更是如此。因此，我們?cè)谶x擇色彩時(shí)就需要考慮到這一用色要求，讓整體配色效果更加鮮明充滿(mǎn)活力，滿(mǎn)足多巴胺的風(fēng)格特征。

這里我們嘗試了幾組配色，色相選擇上并沒(méi)有嚴(yán)格的限制，只需要保證色彩的鮮艷度和對(duì)比度即可。需要注意的是，如果三個(gè)顏色的色相差較大，整體三色的印象就很明顯；如果其中兩個(gè)顏色色相比較接近，整體就會(huì)呈現(xiàn)出雙色的印象，無(wú)論哪種都是可以的。

下面是我們以這個(gè)版式為框架，搭配出的更多配色方案。因?yàn)閿?shù)量太多，所以用滑動(dòng)的方式呈現(xiàn)，有此配色需求的同學(xué)可以每個(gè)翻看一下或者保存下來(lái)：

（第一彈）

左右滑動(dòng)丨查看更多方案

（第二彈）

左右滑動(dòng)丨查看更多方案

（第三彈）

左右滑動(dòng)丨查看更多方案

（第四彈）

左右滑動(dòng)丨查看更多方案

（第五彈）

左右滑動(dòng)丨查看更多方案

（第六彈）

左右滑動(dòng)丨查看更多方案

（第七彈）

左右滑動(dòng)丨查看更多方案

無(wú)論是在整個(gè)色彩設(shè)計(jì)體系中，還是針對(duì)于具體的多巴胺設(shè)計(jì)風(fēng)格，三色配色都是非常好用的配色形式。這也是為什么要在這個(gè)部分給大家提供這么多配色方案的原因：一方面三種色彩數(shù)量不至于過(guò)多比較好把控，另一方面三色搭配所形成的變化性也更多。

多巴胺設(shè)計(jì)風(fēng)格通常需要具有很強(qiáng)的視覺(jué)沖擊力，因此我們?cè)谇捌谠O(shè)計(jì)構(gòu)思時(shí)，可以根據(jù)項(xiàng)目的主題考慮能否使用具有視覺(jué)沖擊力的圖形和圖案，這些具有視覺(jué)沖擊力的圖形結(jié)合鮮亮的配色可以更好的呈現(xiàn)出富有活力和張力的設(shè)計(jì)效果。

這次我們直接編排版式，同樣也是簡(jiǎn)潔而不復(fù)雜，之所以這么做是因?yàn)槲覀兦捌诰痛_定好了要使用具有視覺(jué)沖擊力的圖形，如果文字也是很“花哨”的編排，后續(xù)與圖形結(jié)合就很容易出現(xiàn)混亂的情況。

接著添加圖形，基礎(chǔ)圖形是一個(gè)放射狀的橢圓形，通過(guò)不斷的復(fù)制和疊加擺放形成背景底紋。

因?yàn)閳D形鋪滿(mǎn)了整個(gè)背景，并且圖形本身的形態(tài)因素導(dǎo)致文字層的識(shí)別度出現(xiàn)了問(wèn)題，這時(shí)在不改變編排的情況下最快速、最有效的方式就是添加隔離色，也就是在文字層下方添加色塊。

最后為背景圖形添加顏色，因?yàn)樾枰尸F(xiàn)出多巴胺風(fēng)格，而單色和雙色在這個(gè)畫(huà)面中就很難滿(mǎn)足，所以這里我們使用四色配色，結(jié)合圖形呈現(xiàn)出具有視覺(jué)沖擊力的版面。隔離色塊保持白色不變即可。

色相上也可以嘗試不同的搭配方案，呈現(xiàn)出的感覺(jué)也會(huì)略有不同。當(dāng)然了，所謂具有視覺(jué)沖擊力的圖形并沒(méi)有一個(gè)明確的標(biāo)準(zhǔn)，這里我們是以一個(gè)基礎(chǔ)圖形復(fù)制疊加的手法實(shí)現(xiàn)的，大家也可以嘗試不同的圖形形式。

前面我們已經(jīng)講過(guò)，多巴胺設(shè)計(jì)風(fēng)格的最主要特征就是鮮艷亮麗充滿(mǎn)活力，因此自由分散的圖形元素結(jié)合大量的多彩色必然也是一個(gè)方向和選擇，只不過(guò)當(dāng)色彩數(shù)量增多時(shí)，處理起來(lái)就有了一些難度，所以相應(yīng)的也就有一些需要注意的地方。

我們?cè)谶M(jìn)行多色搭配時(shí)，最忌諱的一點(diǎn)就是版式、圖形、色彩都很復(fù)雜，因?yàn)檫@樣很容易造成視覺(jué)混亂沒(méi)有重點(diǎn)。所以這次我們嘗試整體居中編排，然后復(fù)制旋轉(zhuǎn)調(diào)整位置充滿(mǎn)版面作為文字層。

因?yàn)槲覀冾A(yù)先設(shè)想需要使用多色搭配，所以就需要有大量的圖形元素滿(mǎn)足這個(gè)配色需求。這里我們就以圓形和矩形作為基礎(chǔ)圖形，通過(guò)不斷的復(fù)制擺放以及旋轉(zhuǎn)角度增加靈活性和變化。

色彩上選擇六個(gè)色相作為基色，通過(guò)反復(fù)用色的手法達(dá)成多色的印象。需要注意的是，這里的背景我們使用無(wú)彩色淺灰色，來(lái)形成有彩色與無(wú)彩色對(duì)比，因?yàn)樯戏綀D形的顏色數(shù)量已經(jīng)很多了，留給背景的顏色有限，選擇哪個(gè)顏色難免都會(huì)對(duì)上方的顏色產(chǎn)生干擾和影響。

如果設(shè)計(jì)的項(xiàng)目有所需求，也可以制作成簡(jiǎn)單的動(dòng)態(tài)效果，文字選擇復(fù)制也是為了實(shí)現(xiàn)這個(gè)畫(huà)面即使旋轉(zhuǎn)之后也不影響閱讀。

當(dāng)然我們也可以選擇無(wú)彩色黑色作為背景，這時(shí)上方的有彩色會(huì)顯得更加鮮艷明亮。而這種配色形式也就是我們俗稱(chēng)的“五彩斑斕的黑”，它也能呈現(xiàn)出多巴胺的設(shè)計(jì)風(fēng)格。

當(dāng)然了，并不是說(shuō)背景色一定不能用有彩色，只不過(guò)當(dāng)我們選擇了一個(gè)有彩色背景之后，需要對(duì)上方的圖形色進(jìn)行調(diào)整，尤其是那些與背景色相接近的顏色。

在使用大量多彩色這里，我們搭配的是自由且分散的圖形元素，這是因?yàn)榉稚⒌男螒B(tài)本身就具有靈動(dòng)性和自由的狀態(tài)，更容易體現(xiàn)出多巴胺設(shè)計(jì)的風(fēng)格特征。

最后，我們還可以大膽的嘗試使用不同的設(shè)計(jì)元素與配色，例如漸變色、透明效果、立體效果、光影質(zhì)感等等，畢竟多巴胺設(shè)計(jì)風(fēng)格本身就沒(méi)有固定的形式和限制，而有了這些效果的加持，再結(jié)合多彩色的搭配，可以進(jìn)一步實(shí)現(xiàn)豐富多彩的多巴胺設(shè)計(jì)效果。

到了最后這個(gè)案例，我們的圖形元素已經(jīng)不再局限于之前的簡(jiǎn)約形式了，嘗試使用大量不同形狀的圖形元素作為背景。

還是同樣的道理，如果背景圖形元素較為復(fù)雜，那么在版式編排上就能簡(jiǎn)則簡(jiǎn)。并且文字盡量編排在面積相對(duì)較大的圖形之上，避開(kāi)小面積圖形，保證文字的可見(jiàn)性和信息的有效傳遞。

最后就是為畫(huà)面填色，可以看到這里除了和之前一樣使用大量鮮艷明亮的多彩色之外，我們又加入了漸變的形式，并且在個(gè)別位置上調(diào)整透明度形成半透明效果，進(jìn)一步豐富畫(huà)面。

如果你不是很喜歡漸變那種光滑亮眼的效果，也可以結(jié)合我們之前的訂閱號(hào)教程，嘗試模擬出印刷質(zhì)感，只不過(guò)對(duì)于多巴胺設(shè)計(jì)風(fēng)格而言，二者并沒(méi)有本質(zhì)上區(qū)別，看個(gè)人喜好而已。

寫(xiě)在最后

總監(jiān)：K叔

主題創(chuàng)建：無(wú)我

圖文編排：無(wú)我

校稿：沐瀾

由于微信公眾號(hào)更改了推送機(jī)制，推文不再按照時(shí)間線推送，為了以后能及時(shí)觀看到我們的教程和文章，看完文章后記得給我們點(diǎn)個(gè)“在看”哦。如果你喜歡我們的文章，這將是對(duì)我們最大的鼓勵(lì)和支持。

標(biāo)簽：