熱評 DDXXX

好詳細(xì)的教程

平面高手課堂!掌握這個思路出圖超級快!

本篇文章帶來的是文案對于構(gòu)圖,元素造型,色彩選擇的影響。同時(shí)在后面還會帶來一個完整的案例實(shí)操,希望大家有所收獲。

往期回顧:

目錄

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

我們接到一個單子的時(shí)候,正確流程應(yīng)該是:獲取文案-分析行業(yè)-得出調(diào)性-整理文案-構(gòu)圖選擇-字體選擇-元素選擇-色彩選擇。按照這套流程下來設(shè)計(jì)作品一般不會出現(xiàn)大問題,本小節(jié)我們就從文案的角度逐一解讀,文案是如何影響版面走向的。

平面高手課堂!掌握這個思路出圖超級快!

下面會通過一個例子來給大家說清楚,文案是如何一點(diǎn)點(diǎn)影響到我們的構(gòu)圖的,以及我們?nèi)绾瓮ㄟ^文案選擇出一個合適的構(gòu)圖為畫面加分。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

圖片這是我們之前講過的案例,這個設(shè)計(jì)我當(dāng)時(shí)是選擇了上下分割構(gòu)圖。那么選擇的邏輯是什么呢?我把所有主要的視覺性的信息都集中在了視覺核心點(diǎn)的位置,下半部只做信息的輔助介紹。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

圖片明確了這個原理我們就能得出,所謂的分割比例無非只是根據(jù)信息的體量留出足夠的位置,而信息在哪里排放早就有了定論,即按照信息功能進(jìn)行分區(qū)。根據(jù)信息體量選擇構(gòu)圖分割比例,這是第一種通過文案選擇構(gòu)圖的方法。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

圖片如果信息體量過大了,上下分割構(gòu)圖無法完全承載就可以嘗試其他構(gòu)圖,例如中心構(gòu)圖,讓文字縱向排列給兩側(cè)的空間讓出來,全部留給信息,這種全是信息的設(shè)計(jì)我們在做的時(shí)候需要留意的就是信息層級的梳理,以及部分信息的符號化處理,抓住這兩個點(diǎn)不管再多的文字都能在保證秩序的前提下處理妥當(dāng)。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

圖片判斷要用什么構(gòu)圖,關(guān)鍵是看文案與構(gòu)圖的需求關(guān)系,比如正常的畫面應(yīng)該是主體特別突出,標(biāo)題作為輔助,但是當(dāng)我們想讓標(biāo)題和主體同時(shí)突出的時(shí)候就需要用到對角構(gòu)圖,對角構(gòu)圖的特點(diǎn)是可以同時(shí)承載兩個視覺點(diǎn),而且不會造成視覺邏輯的混亂。需要注意的是要在兩個對角上區(qū)分出一大一小,這樣的設(shè)計(jì)會更加符合實(shí)際的商業(yè)情況,相對平均對比較弱的視覺點(diǎn)設(shè)定適合文化文藝類的設(shè)計(jì)。此類構(gòu)圖不適合文案過多的設(shè)計(jì)圖。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

左右分割構(gòu)圖和文案的關(guān)系邏輯與上下分割很相似,不同的是在空間趨勢上一個是橫向一個是縱向,也就是說如果你的項(xiàng)目可以允許你大量的進(jìn)行豎排(例如中國風(fēng))或者零碎的信息很多(圖 2)的情況,就可以使用左右分割構(gòu)圖來處理文案的編排問題。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

滿版構(gòu)圖有兩種,一種是模塊形滿版,一種是靈活形滿版。模塊形的多數(shù)是因?yàn)樾畔⒎N類過多,信息體量過大,為了能讓文案完整的承載進(jìn)來而選擇的。靈活形往往是有很多信息無所謂能不能被閱讀,就以主體為路徑用信息做環(huán)繞,大家可以根據(jù)文案本身的信息來判斷使用哪種滿版形式。值得一提的是無論是哪一種構(gòu)圖,當(dāng)元素堆積的比較多的時(shí)候都會轉(zhuǎn)化成滿版構(gòu)圖,所以滿版構(gòu)圖并不固定,有可能是因?yàn)楫嬅娴淖呦蚨莼?,所以大家在設(shè)計(jì)的時(shí)候不要守住一個構(gòu)圖就不敢動了,前期的構(gòu)圖只是一種指導(dǎo)思路,要給根據(jù)實(shí)際情況進(jìn)行演化。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

我們之前談到正確的制圖順序,是從文案中獲取項(xiàng)目調(diào)性,其實(shí)元素與造型就是項(xiàng)目調(diào)性最直接的產(chǎn)物。有的時(shí)候文案會清晰的指出我們該用什么樣的元素或造型,但是大部分情況是沒有告訴你該用什么,那么這個時(shí)候我們就需要依靠一些方法來解決沒有思路,不知道使用什么元素的問題。

下面我們隨便找一組文案來嘗試練習(xí)拆解出其中的元素與造型傾向。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

從這些圖中我們可以輕松的參考到自己想要的元素,但是我個人建議大家每天抽出一點(diǎn)時(shí)間做思維發(fā)散練習(xí),長期堅(jiān)持在需要使用元素的時(shí)候不會完全依賴參考,元素選用與行業(yè)調(diào)性的關(guān)聯(lián)是緊密的,而想得出精確的行業(yè)調(diào)性需要本身對行業(yè)有一定基礎(chǔ)認(rèn)知,加上對文案的深入分析,才能得到一個相對精確的答案,以確保我們后續(xù)的設(shè)計(jì)都不會走偏。

聊完了元素我們再來聊聊造型,造型與元素的關(guān)系,就像是行業(yè)調(diào)性與元素選擇的關(guān)系。如果我們簡化理解形狀無非就是圓形,方形,三角形,隨機(jī)形。

選擇造型的時(shí)候有兩種思考方式,第一種是我根據(jù)元素形態(tài)選擇造型形態(tài),第二種是我根據(jù)心理影響邏輯選擇造型形態(tài)。但是有一個誤區(qū),大家要知道這兩種思考方式不是二元對立的關(guān)系,是可以同時(shí)使用同時(shí)存在的。那具體如何操作我會在下面給大家做出足夠的演示。

平面高手課堂!掌握這個思路出圖超級快!

例如這樣一張圖片,我們應(yīng)該選擇什么形狀作為我們的基礎(chǔ)造型?肯定是圓形。那為什么選擇圓形呢?正方形過于死板堅(jiān)硬,三角形過于銳利都不適合這種可愛的主體,那就只剩下圓形了。這個也是基于我們想表達(dá)的核心東西而選擇的。

但是這個思路并不是死的,比如我不想表現(xiàn)這個嬰兒的可愛,我想表達(dá)他的創(chuàng)造力,我該怎么辦?那我們不知道該用什么形狀或者什么組合了,我們就去找一些能表現(xiàn)創(chuàng)造力同時(shí)又和兒童有關(guān)的東西,比如七巧板,比如積木。

平面高手課堂!掌握這個思路出圖超級快!

那通過觀察積木的造型我們知道了可以用圓方三角組合在一起進(jìn)行造型設(shè)計(jì),或者直接使用積木元素也是可以的,像是這種畫面做起來就會非常靈活了,因?yàn)榭捎玫脑煨吞貏e多。值得注意的是雖然可以用這么多圖形,但是要借助主體特征化。方里疊圓/圓里疊方,直角轉(zhuǎn)圓角,尖角遮擋,造型負(fù)藏等等。

平面高手課堂!掌握這個思路出圖超級快!

理論應(yīng)用在實(shí)際的海報(bào)中是什么樣的呢?下面來看幾個典型的應(yīng)用案例。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

最后這一種我要特殊說一下,這種手法叫造型負(fù)藏,雖然他這個形態(tài)有尖角,但是她藏在負(fù)形里面了,使我們的視覺不容易注意到他。平時(shí)我們觀察作品的時(shí)候一定不要一直盯著正形看,有很多時(shí)候空間形態(tài)是隱藏在負(fù)形中的,所以要養(yǎng)成經(jīng)常去分解畫面的習(xí)慣,注意到每一個細(xì)節(jié)中去,才能慢慢的發(fā)現(xiàn)很多有意思的規(guī)律。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

言歸正傳,那假設(shè)我們想表現(xiàn)兒童的天真活潑,想拉進(jìn)畫面中的兒童與觀者的視覺距離,我們應(yīng)該選擇什么形狀,在這里就可以使用手繪感親近感較強(qiáng)的隨機(jī)形,可以看到下面兩組圖片,國外的設(shè)計(jì)師大量的使用了隨機(jī)形作為畫面的核心造型。想要知道用什么造型,核心的一點(diǎn)就是要知道什么形狀對應(yīng)的是什么作用。這樣只要分析出需求,剩下的東西直接就水到渠成了。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

與造型元素選擇類似,色彩也是需要通過項(xiàng)目調(diào)性來選擇,不同的是色彩需要思考的東西更多一些。在這里就不給大家講太多理論化的東西,只說兩個方法,第一個就是我們常說的從主體上面吸色使用,但是這么做并不能解決所有問題,從主體上吸色這沒什么好說的,我就著重說一下第二個方法,雖然難一些但是更加可靠,方法就是根據(jù)色彩色調(diào)對情緒的影響來選擇。

下面先簡單的說一下色彩和色調(diào),讓大家有一個基礎(chǔ)的認(rèn)知。在解釋的過程中我會盡量說的通俗易懂,會減少很多專業(yè)用詞所帶出的概念,都是個人為了方便理解而定義的,大家僅供參考。

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

平面高手課堂!掌握這個思路出圖超級快!

歡迎關(guān)注作者微信公眾號:「視研設(shè)」

平面高手課堂!掌握這個思路出圖超級快!

收藏 146
點(diǎn)贊 94

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。