## ##

        Logo造型手法效果&風(fēng)格匯總

        2018-04-08 15:14:37 閱讀 252181 本文來源:牛犇 設(shè)計(jì)大腦
        分享至:

        用什么樣的造型手法,就呈現(xiàn)什么樣的效果,這篇文章的目的不是要羅列l(wèi)ogo圖形有多少種風(fēng)格,而是從不同維度(形色質(zhì)體積空間時(shí)間運(yùn)動)羅列造型手法在logo里的運(yùn)用效果。


        標(biāo)志效果與標(biāo)志風(fēng)格

        標(biāo)志風(fēng)格只是形成固定模式的效果。效果來自標(biāo)志圖形的造型手法,而造型手法就是在——形/色/質(zhì)/體積空間/時(shí)間運(yùn)動——維度塑造效果的手段。

        20180408134037965.jpg

        我們在設(shè)計(jì)時(shí),往往不是先考慮風(fēng)格,而是先考慮標(biāo)志信息需要什么樣的效果,怎么把效果表現(xiàn)到位。

        一些運(yùn)用比較普遍的效果,例如這兩年的平面化效果,也就形成了所謂“平面化風(fēng)格”。

        有些logo例子會出現(xiàn)在兩種以上的手法里,那是因?yàn)樗诓煌S度都使用了鮮明的造型手法。

        在后面的綜合風(fēng)格往往來自于藝術(shù)手法,生活中的視覺媒介效果等。它們往往是多種造型維度的綜合使用。

        不考慮適形同構(gòu)手法,用點(diǎn)化效果處理圖形都會讓視覺焦點(diǎn)渙散,然后呈現(xiàn)出視覺的律動感,有規(guī)則的點(diǎn)化,暗示出線化的效果,更能凸顯方向性。

        20180408134415723.jpg

        不規(guī)則的點(diǎn)化,會讓圖形呈現(xiàn)出混亂感,迷離,但卻烘托出自由活躍夢幻的氣氛。

        20180408134455005.jpg

        像素點(diǎn)化來自 ps 像素概念,除了能表現(xiàn)出規(guī)則點(diǎn)化的效果外,還能傳遞出科技化,信息化意味。這種效果還模仿點(diǎn)彩派繪畫手法,形成觀看上的樂趣。

        20180408134540221.jpg

        網(wǎng)點(diǎn)化模仿印刷網(wǎng)點(diǎn)效果,由于網(wǎng)點(diǎn)的大小變化,表現(xiàn)疏密明暗的不同,有虛實(shí)遠(yuǎn)近感,多數(shù)情況下也用于虛實(shí)表現(xiàn)空間感。

        直線效果主要看粗細(xì)和角度,粗細(xì)傳達(dá)圖形的體量感,兩直線相交的角度影響圖形的銳利與遲鈍。

        20180408134720029.jpg

        基本的三種直線,水平,垂直,傾斜,呈現(xiàn)的效果也不一樣。 水平的直線,平靜開闊,雖然能表現(xiàn)出迅速的科技化感覺,但基本感受是放松的;垂直的直線,就顯得嚴(yán)肅緊張;而傾斜的直線,自然是表達(dá)動態(tài)感常用的手法。

        20180408134758342.jpg

        曲線效果主要看弧度,弧度分兩種,一是規(guī)矩的幾何曲線,符合圓規(guī)制圖,力量均衡,卻機(jī)械生硬,所以,幾何曲線塑造的圖形,總是帶有工業(yè)時(shí)代的特征。

        20180408135043357.jpg

        二是隨意的自由曲線,手繪感強(qiáng),曲線上的力量散漫,靈活多變,自由曲線繪制的圖形,給人輕松愜意的感覺。多一些手工感,親切感。

        這種輪廓就是填充內(nèi)部,只通過剪影形態(tài)來識別造型,所以對于剪影的角度,要求精準(zhǔn)。這種面化追求飽滿的體量感。

        20180408135220609.jpg

        結(jié)構(gòu)面化是將事物本身的結(jié)構(gòu)分別分層描繪,或者不同事物重疊時(shí),兩物輪廓都區(qū)分出來,填充不同顏色(如上圖的第一排)。然后每個(gè)部分填充不同顏色,還有一些塊面填充的 logo 圖形,我也算在這種手法里了(如上圖的下一排)。

        20180408135416844.jpg

        光影面化是就是以素描里物體的明暗交界線作為分界,亮部暗部,灰面,都用一個(gè)顏色填充,讓圖形面化的同時(shí),依然保留一定的立體感。

        紅橙黃綠青藍(lán)紫黑白灰等單色效果,我這里就不再一一羅列了,直接從五彩色效果的標(biāo)志圖形開始,這種五顏六色的效果,多是借助多種色彩來表達(dá)豐富含義,(比如上圖的相機(jī) logo 和五彩繽紛的色彩很容易聯(lián)系到一起),或象征不同含義。它們在視覺上也形成鮮明醒目的風(fēng)格。

        20180408135633599.jpg

        漸變除了強(qiáng)化色彩本身的效果,多是用來模仿光暈,符合現(xiàn)代智能光效的效果。

        20180408135709678.jpg

        在透明疊加里,常見的是印刷原色與屏幕原色的透明疊加,如上圖,這來自絲網(wǎng)印刷里錯(cuò)版效果,以及波普效果。原色的這種錯(cuò)位疊加還有印象派繪畫手法里的光加色混合效果,在視覺上形成了強(qiáng)烈的動感。它也是表現(xiàn)光效的手法之一。

        20180408135757451.jpg

        漸變透明疊加,美輪美奐,清晰的輪廓邊緣有很強(qiáng)的科技感,而粗糙的輪廓邊緣就是水彩質(zhì)感了。

        20180408135843797.jpg

        色彩羽化塑造出了質(zhì)感上的效果,它有虛實(shí)遠(yuǎn)近,可以塑造光效,也可以塑造動態(tài),因?yàn)樵?logo 里,對展現(xiàn)媒介要求較高,所以很少用于標(biāo)志設(shè)計(jì),現(xiàn)在則越來越多。

        因?yàn)樵趫D形里塑造不同質(zhì)感,主要就是通過輪廓+表面肌理+色彩+反光來實(shí)現(xiàn)的。但是質(zhì)感太多了,我直接忽略了表面肌理,直接按反光的漫反射,全反射,折射透明來區(qū)分,把他們分成了,漫反射類別里的,比如木材,布料等質(zhì)感。

        20180408140546956.jpg

        全反射的金屬,塑料質(zhì)感。

        20180408140619635.jpg

        折射透明的水,透明塑膠等質(zhì)感。

        20180408140657841.jpg

        光效質(zhì)感是現(xiàn)在比較流行的質(zhì)感效果,有很多手法可以表現(xiàn),除了基本的色彩明暗飽和度的處理,還有色彩羽化、網(wǎng)點(diǎn)化虛實(shí)、線化視幻(也是疏密)、原色透明疊加,投影等手法,如上圖。這里就不一一展開了,大家可以自己收集整理。

        透視的基本手法,依據(jù)透視線,有一個(gè),兩個(gè)或三個(gè)視覺滅點(diǎn)。

        20180408140840985.jpg

        透視手法的演變,沒有滅點(diǎn),也就是說透視線是平行的,立體感主要通過不同面的明暗來表現(xiàn),其中還有一種轉(zhuǎn)側(cè)投影手法(上圖的最后兩個(gè)例子),也屬于這種手法。

        20180408140913922.jpg

        直接將透視線化,通過骨骼表現(xiàn)出來,沒有繪制明暗的素描稿,依然立體感強(qiáng)烈。

        20180408150548167.jpg

        球形透視是一種特殊的透視,這里的圖形是用線條輪廓暗示出球面。

        20180408141019382.jpg

        畫出高光就有立體感,這里的二維光影,是指把物體的高光直接用一個(gè)塊面表現(xiàn)。很多插畫類風(fēng)格 logo,都這樣處理。

        20180408141105133.jpg

        暗面光影和前面的光影面化手法差不多,這里的暗面和亮面就兩個(gè)顏色,簡單直接。

        20180408141137800.jpg

        有投影就有空間,雖然在標(biāo)志圖形里,不會隨便添加多余的影子,但是異影同構(gòu)手法就不算是多余的,如上面的最后一個(gè)標(biāo)志。

        20180408141215970.jpg

        影子投射在自己的圖形上,沒有投射在背景上,就好比浮雕一樣,也形成了前后體積厚度感。

        20180408141248627.jpg

        3D建模效果,完整的空間結(jié)構(gòu),空間光影效果。

        20180408141322437.jpg

        大小對比就是透視里的近大遠(yuǎn)小,最直接的遠(yuǎn)近關(guān)系。

        20180408141534568.jpg

        遮擋是形成前后空間關(guān)系的常用手法。即使沒有大小透視關(guān)系,也有空間感。

        20180408141610575.jpg

        通過顏色的飽和度和明度的區(qū)別,形成虛實(shí)的前后空間關(guān)系。

        20180408141647601.jpg

        通過不同方向的圖形,暗示3維空間,會讓空間感或體積感更強(qiáng)。你可以把它們看做以不同的視角觀看極坐標(biāo)。

        20180408141729635.jpg

        二維空間里的動態(tài)有兩種,一種是心理動態(tài),一種是視角焦點(diǎn)無法集中形成的視覺動態(tài)。

        20180408141812865.jpg

        將不同的「動作」,并置在同一個(gè)畫面里,形成的前后關(guān)系,暗示出時(shí)間感。

        20180408141850921.jpg

        快拍高速運(yùn)動的事物,一看就知道是在運(yùn)動,屬于心理動態(tài)。

        20180408141929817.jpg

        煽動的翅膀都畫在一個(gè)鳥身上,視覺也無法聚焦,屬于視覺動態(tài)。

        20180408142002323.jpg

        這種變形就是將透視線夸張彎曲,形成的膨脹效果。在視覺上有一種強(qiáng)烈的張力。

        20180408142036975.jpg

        像漫畫一樣,畫出軌跡就有運(yùn)動感,箭頭也算是抽象軌跡了。

        來自于線化效果里的手法,這里的線條是等粗的,并且是幾何曲線造型,現(xiàn)代感強(qiáng)烈。

        20180408142234748.jpg

        輪廓線條與上色錯(cuò)位,形成了一定的動態(tài)感,和體積感,也是一種插畫風(fēng)格。

        20180408142320926.jpg

        視幻錯(cuò)覺有很多,點(diǎn)化線化都有,密集排列之后形成的視覺效果。

        20180408144445084.jpg

        不用多說了,來自中國水墨藝術(shù)形式。

        20180408144521918.jpg

        版畫效果,黑白上色都可以,國外傳統(tǒng)手法?,F(xiàn)在基本都可以用 PS 軟件實(shí)現(xiàn)。

        20180408144556085.jpg

        可愛純真的童趣。

        20180408144634859.jpg

        現(xiàn)在越來越多的品牌強(qiáng)調(diào)故事性,吉祥物符號推廣,手繪插畫風(fēng)格的 LOGO 比較吃香。

        20180408145129747.jpg

        中國繪畫有十八描,每種手法應(yīng)該說屬于線化效果,但主要是隨意自由線條。每種線描都有自己的特色??梢运阉飨嚓P(guān)文章,感受下線條的魅力。

        20180408145225861.jpg

        水彩水粉的透疊效果,需要輪廓來配合,藝術(shù)手法效果感受均來自手法本身,這里不再贅述。

        20180408145308631.jpg

        和上一種手法差不多,但是噴濺的手法還是造成了效果略微不同。

        20180408145340710.jpg

        印章拓印手法也是中國傳統(tǒng)藝術(shù)效果,木刻石碑都拓印痕跡的古拙感。

        20180408145410908.jpg

        logo 是圖形的藝術(shù),即使有前面這么多造型手法,來塑造質(zhì)感,但是位圖圖像的質(zhì)感有本身的優(yōu)勢,雖然以前圖像不好應(yīng)用,除了在一些地產(chǎn)標(biāo)志之外,這種手法也不多見,但現(xiàn)在多媒體媒介已經(jīng)沒有太多限制了。


        小結(jié)

        這里給大家提供一個(gè) logo 圖形效果的梳理思路,很多風(fēng)格效果都沒有羅列進(jìn)去,但是只要有了大概思路,就可以自行添加。


        20180408151906226.png

        作者:設(shè)計(jì)大腦_牛犇(個(gè)人微信:designiu)
        責(zé)任編輯:大同
        分享至:

        聯(lián)系客服

        故障反饋