(資料圖)

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

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

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

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

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

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

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

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

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

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

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

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

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

（第一彈）

左右滑動丨查看更多方案

（第二彈）

左右滑動丨查看更多方案

（第三彈）

左右滑動丨查看更多方案

（第四彈）

左右滑動丨查看更多方案

（第五彈）

左右滑動丨查看更多方案

（第六彈）

左右滑動丨查看更多方案

（第七彈）

左右滑動丨查看更多方案

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

寫在最后

總監(jiān)：K叔

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

圖文編排：無我

校稿：沐瀾

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

標(biāo)簽：