(資料圖)
多巴胺設計風格通常會保持簡潔明了的排版形式,從而讓設計效果更加清晰明了。因此,我們就可以嘗試使用相對簡潔而不復雜的文字編排,結合較大字號、矩形結構文字組、以及基本幾何形狀等等。
首先第一步,我們先繪制橫向為八欄的網格,然后根據網格繪制兩個三角形形成疊加。暫且填充深淺不同的灰色,以代表后續需要填色的部分。
第二步,根據網格約束進行文字編排,保持之前確定好的幾個關鍵性要點即可。如果覺得這種編排略顯單調的話,也可以像案例中這樣在對齊上做些變化。
在配色上,鮮艷明亮的顏色是多巴胺風格的特點之一,而考慮到整體編排特征(對色彩數量需求不大),這里我們可以使用最簡單的配色方式,就是使用基本熒光色進行配色。
為了突顯圖形的有彩色,背景盡量選擇無彩色白色或灰色。然后在這幾種熒光色之間不斷變換嘗試。
實際上熒光色不只這六種,在具體的印刷中可以通過油墨之間的混合得到其他熒光色,只不過通常情況下這六大基本色更具鮮亮的視覺效果,也更符合多巴胺風格的特征,因此我們可以優先考慮。
當簡潔明了的版面和配色無法滿足設計的需求時,我們可以考慮使用第二種方式,也就是使用簡單的圖形元素,比如線條、基本形狀、幾何圖形等等。這些圖形元素結合高對比度的色彩可以進一步達成多巴胺的設計效果。
首先,同樣也是先繪制網格以規范我們后續的圖形和文字編排;然后繪制一個簡單的圖形元素,復制后根據網格布局形成圖案。
接著根據網格進行文字編排。這里的編排同樣保持簡潔的形式,整體貼近邊距和網格,左側文字使用左對齊,右側保持右對齊。同樣,為了打破呆板的印象,可以對文字細節進行距離調整。
然后將圖形與文字結合,并且先以黑白灰填充圖形,前期填充黑白灰的目的是需要確定好哪些部分的顏色是相同的,方便我們后續統一調整顏色。比如這里我們可以確定這個畫面需要的色彩數量是三個。
多巴胺風格在使用顏色組合時通常會選擇高對比度的顏色,尤其是當色彩數量需求增多時更是如此。因此,我們在選擇色彩時就需要考慮到這一用色要求,讓整體配色效果更加鮮明充滿活力,滿足多巴胺的風格特征。
這里我們嘗試了幾組配色,色相選擇上并沒有嚴格的限制,只需要保證色彩的鮮艷度和對比度即可。需要注意的是,如果三個顏色的色相差較大,整體三色的印象就很明顯;如果其中兩個顏色色相比較接近,整體就會呈現出雙色的印象,無論哪種都是可以的。
下面是我們以這個版式為框架,搭配出的更多配色方案。因為數量太多,所以用滑動的方式呈現,有此配色需求的同學可以每個翻看一下或者保存下來:
(第一彈)
左右滑動丨查看更多方案
(第二彈)
左右滑動丨查看更多方案
(第三彈)
左右滑動丨查看更多方案
(第四彈)
左右滑動丨查看更多方案
(第五彈)
左右滑動丨查看更多方案
(第六彈)
左右滑動丨查看更多方案
(第七彈)
左右滑動丨查看更多方案
無論是在整個色彩設計體系中,還是針對于具體的多巴胺設計風格,三色配色都是非常好用的配色形式。這也是為什么要在這個部分給大家提供這么多配色方案的原因:一方面三種色彩數量不至于過多比較好把控,另一方面三色搭配所形成的變化性也更多。
多巴胺設計風格通常需要具有很強的視覺沖擊力,因此我們在前期設計構思時,可以根據項目的主題考慮能否使用具有視覺沖擊力的圖形和圖案,這些具有視覺沖擊力的圖形結合鮮亮的配色可以更好的呈現出富有活力和張力的設計效果。
這次我們直接編排版式,同樣也是簡潔而不復雜,之所以這么做是因為我們前期就確定好了要使用具有視覺沖擊力的圖形,如果文字也是很“花哨”的編排,后續與圖形結合就很容易出現混亂的情況。
接著添加圖形,基礎圖形是一個放射狀的橢圓形,通過不斷的復制和疊加擺放形成背景底紋。
因為圖形鋪滿了整個背景,并且圖形本身的形態因素導致文字層的識別度出現了問題,這時在不改變編排的情況下最快速、最有效的方式就是添加隔離色,也就是在文字層下方添加色塊。
最后為背景圖形添加顏色,因為需要呈現出多巴胺風格,而單色和雙色在這個畫面中就很難滿足,所以這里我們使用四色配色,結合圖形呈現出具有視覺沖擊力的版面。隔離色塊保持白色不變即可。
色相上也可以嘗試不同的搭配方案,呈現出的感覺也會略有不同。當然了,所謂具有視覺沖擊力的圖形并沒有一個明確的標準,這里我們是以一個基礎圖形復制疊加的手法實現的,大家也可以嘗試不同的圖形形式。
前面我們已經講過,多巴胺設計風格的最主要特征就是鮮艷亮麗充滿活力,因此自由分散的圖形元素結合大量的多彩色必然也是一個方向和選擇,只不過當色彩數量增多時,處理起來就有了一些難度,所以相應的也就有一些需要注意的地方。
我們在進行多色搭配時,最忌諱的一點就是版式、圖形、色彩都很復雜,因為這樣很容易造成視覺混亂沒有重點。所以這次我們嘗試整體居中編排,然后復制旋轉調整位置充滿版面作為文字層。
因為我們預先設想需要使用多色搭配,所以就需要有大量的圖形元素滿足這個配色需求。這里我們就以圓形和矩形作為基礎圖形,通過不斷的復制擺放以及旋轉角度增加靈活性和變化。
色彩上選擇六個色相作為基色,通過反復用色的手法達成多色的印象。需要注意的是,這里的背景我們使用無彩色淺灰色,來形成有彩色與無彩色對比,因為上方圖形的顏色數量已經很多了,留給背景的顏色有限,選擇哪個顏色難免都會對上方的顏色產生干擾和影響。
如果設計的項目有所需求,也可以制作成簡單的動態效果,文字選擇復制也是為了實現這個畫面即使旋轉之后也不影響閱讀。
當然我們也可以選擇無彩色黑色作為背景,這時上方的有彩色會顯得更加鮮艷明亮。而這種配色形式也就是我們俗稱的“五彩斑斕的黑”,它也能呈現出多巴胺的設計風格。
當然了,并不是說背景色一定不能用有彩色,只不過當我們選擇了一個有彩色背景之后,需要對上方的圖形色進行調整,尤其是那些與背景色相接近的顏色。
在使用大量多彩色這里,我們搭配的是自由且分散的圖形元素,這是因為分散的形態本身就具有靈動性和自由的狀態,更容易體現出多巴胺設計的風格特征。
最后,我們還可以大膽的嘗試使用不同的設計元素與配色,例如漸變色、透明效果、立體效果、光影質感等等,畢竟多巴胺設計風格本身就沒有固定的形式和限制,而有了這些效果的加持,再結合多彩色的搭配,可以進一步實現豐富多彩的多巴胺設計效果。
到了最后這個案例,我們的圖形元素已經不再局限于之前的簡約形式了,嘗試使用大量不同形狀的圖形元素作為背景。
還是同樣的道理,如果背景圖形元素較為復雜,那么在版式編排上就能簡則簡。并且文字盡量編排在面積相對較大的圖形之上,避開小面積圖形,保證文字的可見性和信息的有效傳遞。
最后就是為畫面填色,可以看到這里除了和之前一樣使用大量鮮艷明亮的多彩色之外,我們又加入了漸變的形式,并且在個別位置上調整透明度形成半透明效果,進一步豐富畫面。
如果你不是很喜歡漸變那種光滑亮眼的效果,也可以結合我們之前的訂閱號教程,嘗試模擬出印刷質感,只不過對于多巴胺設計風格而言,二者并沒有本質上區別,看個人喜好而已。
寫在最后
總監:K叔
主題創建:無我
圖文編排:無我
校稿:沐瀾
由于微信公眾號更改了推送機制,推文不再按照時間線推送,為了以后能及時觀看到我們的教程和文章,看完文章后記得給我們點個“在看”哦。如果你喜歡我們的文章,這將是對我們最大的鼓勵和支持。
標簽: