成(cheng)都廣告(gao)設計構成(cheng)是什么
發布時間:2022-02-17 822人看過
成都廣告(gao)設計構(gou)成是什么,不(bu)就是把(ba)我們的(de)(de)自然(ran)界(jie)里的(de)(de)視(shi)覺(jue)規律(lv)再通過文字整(zheng)理(li)歸納的(de)(de)知(zhi)識么?所有(you)設計的(de)(de)門類(lei),幾(ji)乎都離不(bu)開(kai)構(gou)成,所有(you)視(shi)覺(jue)的(de)(de)表現也都體現了構(gou)成。它太隱蔽了,也太簡單了,它是整(zheng)個(ge)視(shi)覺(jue)世界(jie)的(de)(de)抽象(xiang),因(yin)此(ci)很多人就覺(jue)得應用(yong)上特別困難。要說推薦構(gou)成的(de)(de)書,我十(shi)分沒(mei)有(you)把(ba)握(wo),但看了孫彤輝的(de)(de)《平面構(gou)成》,好像又豁然(ran)開(kai)朗。不(bu)如就這(zhe)本書的(de)(de)思(si)路,我們再來一(yi)起學一(yi)下這(zhe)些基礎吧。除了理(li)論(lun),最(zui)重要是我們從理(li)論(lun)再回到實踐(jian),從抽象(xiang)再回到日(ri)常。
一、并不(bu)是小(xiao)小(xiao)圓圓才叫點
點是(shi)造(zao)型的(de)(de)基礎之(zhi)一(yi),是(shi)造(zao)型最(zui)小的(de)(de)單位。成(cheng)都(dou)廣告設(she)計空間中出現了一(yi)點就能(neng)吸(xi)引(yin)眼球(qiu),再出現一(yi)點,這(zhe)個(ge)焦點的(de)(de)注意力就均分了,如果這(zhe)些點大小不(bu)一(yi),則首(shou)(shou)先吸(xi)引(yin)焦點的(de)(de)是(shi)較大的(de)(de)那個(ge)點,再接著是(shi)較小的(de)(de)點,這(zhe)樣就形成(cheng)了視(shi)覺(jue)的(de)(de)節奏。首(shou)(shou)先,你必須要(yao)簡化日常所見的(de)(de)點,任何一(yi)個(ge)能(neng)引(yin)發視(shi)覺(jue)緊張(zhang)(zhang),產生視(shi)覺(jue)張(zhang)(zhang)力的(de)(de)圖(tu)形都(dou)有被稱為(wei)“點”的(de)(de)可能(neng),并不(bu)是(shi)小小圓圓才叫點。
在覆蓋層上表現很多水滴狀的圖像,隱(yin)隱(yin)透(tou)露出(chu)下方的圖像信息,給人(ren)一種(zhong)半遮面的未(wei)知之(zhi)美。
這(zhe)里的(de)大小不(bu)一(yi)的(de)點形成了一(yi)種視(shi)覺節奏,你的(de)視(shi)覺會從一(yi)個(ge)(ge)點跳到另一(yi)個(ge)(ge)點,配色鮮明,構成一(yi)派歡快的(de)氛圍。
從(cong)上面兩個例子可以看出,在造型的(de)(de)世(shi)界中,點是(shi)具有(you)(you)形象的(de)(de),也是(shi)有(you)(you)大(da)小(xiao)的(de)(de),并且點的(de)(de)大(da)小(xiao)是(shi)有(you)(you)限(xian)度的(de)(de)。超越限(xian)度就會失(shi)去(qu)點的(de)(de)性質而成(cheng)為“面”。因此,點是(shi)根(gen)據周(zhou)圍環境而確定的(de)(de),點與其(qi)所在空間的(de)(de)面積應(ying)該是(shi)一種(zhong)(zhong)從(cong)屬關系,它本身具有(you)(you)一種(zhong)(zhong)細小(xiao)單位(wei)的(de)(de)性質。
這個海報中,利用圖形(xing)的合成(cheng),把人物(wu)(wu)也看作一(yi)個點,這個點由(you)于(yu)是(shi)一(yi)個人物(wu)(wu)攀爬的狀態(tai),其(qi)實更能激發(fa)一(yi)種緊張向上的活力。
二、一個點就(jiu)是一個小宇宙
點具(ju)(ju)有張(zhang)力(li)(li)的作用(yong),它具(ju)(ju)有一定的緊張(zhang)性(xing)。點在版面(mian)中的位置不(bu)(bu)同、數量不(bu)(bu)同、大小(xiao)不(bu)(bu)同,給(gei)人的張(zhang)力(li)(li)感受也不(bu)(bu)同。
理(li)論上(shang),在不考慮其(qi)他視覺元素的(de)作用下(xia),一(yi)個點處(chu)于中間位(wei)置的(de)時候,是非常穩(wen)定的(de),但略顯得(de)呆(dai)板。因此可以把點的(de)位(wei)置往左(zuo)上(shang)或右上(shang)移動,這樣就形(xing)成(cheng)一(yi)種(zhong)上(shang)升(sheng)的(de)力量,帶來了動感(gan)。
例如此處的圖形安排,如果放于中間,看上去會(hui)特(te)別穩定,當然也會(hui)比(bi)較無聊。
往(wang)上(shang)方(fang)移(yi)動,帶出一種往(wang)上(shang)提升的力量。
成(cheng)都(dou)廣告(gao)設計的(de)圖形(xing)浮動在(zai)流動的(de)波浪線(xian)上方形(xing)成(cheng)一(yi)種浮動其上的(de)美(mei),略靠中(zhong)間的(de)位置,由于極(ji)少其他(ta)元素的(de)干擾,整(zheng)體畫(hua)面簡潔、穩定(ding)。
三(san)、點(dian)與點(dian)的火花
點(dian)與點(dian)之間,會形成(cheng)一種視(shi)覺(jue)牽引(yin),你的大腦會自(zi)動腦補出兩(liang)點(dian)間的連線。以此類推,如果更多(duo)的點(dian)不僅(jin)形成(cheng)了線,還連成(cheng)了片,所以,用(yong)點(dian)這個(ge)單(dan)位就(jiu)能創作更多(duo)的線和(he)面。這時,點(dian)的裝飾作用(yong)減弱(ruo)了。
例如(ru)上(shang)面這(zhe)個由藍色的點(dian)來(lai)組成的數(shu)字“8”,形成的虛面效(xiao)果(guo)非(fei)常活(huo)潑。
這里的(de)點的(de)連線部分(fen)已經(jing)用一種“未斷欲斷”的(de)手法表現出來,而其(qi)他的(de)部分(fen)則相(xiang)比(bi)(bi)就顯得更獨立,有一種對比(bi)(bi),在(zai)45度角的(de)對稱(cheng)也有一種傾斜的(de)活力。
四(si)、點的構圖運用(yong)
圓(yuan)點波爾卡抽(chou)象圖(tu)案
在運用(yong)點(dian)(dian)作(zuo)為主角構(gou)圖(tu)的(de)(de)(de)案例中,最(zui)常見的(de)(de)(de)就是(shi)(shi)利用(yong)點(dian)(dian)的(de)(de)(de)集(ji)合關系(xi)進行構(gou)圖(tu),日(ri)本草間彌生的(de)(de)(de)作(zuo)品是(shi)(shi)最(zui)具(ju)有(you)代表性的(de)(de)(de)。圓點(dian)(dian)本身的(de)(de)(de)造型柔(rou)美、可愛,利用(yong)大大小小的(de)(de)(de)圓點(dian)(dian)安(an)排空間深(shen)度的(de)(de)(de)關系(xi),有(you)機組合就能(neng)形成有(you)趣(qu)的(de)(de)(de)圖(tu)案。下圖(tu)是(shi)(shi)草間彌生的(de)(de)(de)南(nan)瓜圖(tu)。
由于(yu)圓點本身的(de)(de)(de)抽象性,這(zhe)個(ge)圖也同樣(yang)姿態萬(wan)千,未必是一個(ge)南瓜(gua)。這(zhe)份創作理念(nian)自然是大師的(de)(de)(de)手筆,我(wo)們(men)能從(cong)中學到(dao)的(de)(de)(de)是她運用圓點的(de)(de)(de)創作技巧。她把南瓜(gua)分(fen)成了(le)對稱的(de)(de)(de)瓣狀,每一瓣安(an)排了(le)圓點來(lai)形成一種立體關系,讓你感受到(dao)南瓜(gua)表面的(de)(de)(de)起伏(fu)。
紋理背景
點也可以大(da)面積鋪開形成紋(wen)理,根據點的(de)形狀來(lai)表達不同的(de)氛(fen)圍。
利用(yong)五彩繽紛的圓(yuan)點形成類似氣球一樣的歡(huan)樂氛圍,不僅作為背景存在,也由于圓(yuan)點的有機的位置(zhi)安排,顯得非常灑脫(tuo)自在。
聚合成形
也是同樣運(yun)用(yong)上例的(de)圓點,采用(yong)一(yi)(yi)種較為規律的(de)構(gou)圖方(fang)式,形(xing)(xing)成(cheng)一(yi)(yi)個(ge)邊緣略散,但依(yi)然能成(cheng)形(xing)(xing)的(de)聚合體,整個(ge)圖形(xing)(xing)往外擴散,給人一(yi)(yi)種膨脹(zhang)的(de)張力。
本例中,你(ni)可以看出,當點(dian)試著拋棄中心構圖,拋開規則(ze)而成群出現的時候,有(you)一(yi)種動感。這種動感通過色(se)彩、大小、位置就能輕易獲得一(yi)種完(wan)美的張力。這是利用圓點(dian)之間的關系(xi)而形成的。
五(wu)、想和做
理論畢竟是停留在文字階段,實踐是,我(wo)們(men)通過圓的構思來設計一個輕網頁的首頁界面。
這個(ge)(ge)界面(mian)是(shi)一個(ge)(ge)攝(she)(she)影作品的網(wang)站(zhan),首頁如果直接按(an)照九(jiu)宮格或者(zhe)瀑布流排列攝(she)(she)影作品的方(fang)式(shi)顯然有點太(tai)規(gui)范(fan),采用“輕(qing)”的思維方(fang)式(shi),我們只需(xu)要(yao)展示一張大(da)圖即可(ke)表現出(chu)作品的美(mei)感。但在這個(ge)(ge)網(wang)站(zhan)中,我們還想要(yao)透出(chu)一種含蓄(xu)美(mei),或者(zhe)一種隱藏起來的美(mei),這時(shi),可(ke)以(yi)(yi)想到這個(ge)(ge)點的方(fang)式(shi),因為點可(ke)以(yi)(yi)凝聚成面(mian),這個(ge)(ge)面(mian)不太(tai)具體,給(gei)人一種虛化的感受。
STEP 01
我們先做出這(zhe)個(ge)點的(de)組合圖案,采用漸次變化的(de)方法,中心大(da),往兩端漸變小(xiao)。這(zhe)樣的(de)構圖產生了空間深度(du)。
STEP 02
再將(jiang)攝影作品大(da)圖全(quan)屏展示,形成一種全(quan)屏的視野。
STEP 03
在圖片的上方增加一(yi)個(ge)純色的深藍色圖層,圖層的靠右側(ce),也是攝影(ying)作品的右邊人(ren)物面(mian)部焦點(dian)處利用(yong)蒙(meng)板制作出步驟一(yi)的圖案,略降低這個(ge)圖層的透(tou)明度。
STEP 04
成都廣告設計添加上(shang)LOGO和漢堡(bao)包菜(cai)單圖標。顯然這個作品網站(zhan)是極簡風(feng)格(ge),因此導航隱藏起來可以減(jian)少(shao)頁面(mian)的(de)干擾。用戶的(de)視覺首先會被右(you)側的(de)這種隱約其中(zhong)的(de)效果所吸引(yin),再關注(zhu)到(dao)LOGO、菜(cai)單等。這是我(wo)們所安(an)排的(de)用戶的(de)視覺流。
LOGO的圖案并不是像其他(ta)網站(zhan)一(yi)樣靠左,而是略往(wang)中心(xin)移(yi)動,這樣做的目(mu)的是為了(le)增(zeng)加頁面左邊的視(shi)覺的趣(qu)味(wei),讓(rang)LOGO和右側(ce)的畫面有(you)呼(hu)應,不至于分成兩個完全不相干(gan)的陌(mo)生部分。
菜單(dan)的(de)圖標放(fang)置于左側中線(xian),剛好也(ye)和右(you)側圖案(an)的(de)最左一(yi)(yi)個圓(yuan)在一(yi)(yi)條水平線(xian)上(shang)。它們同樣產生了一(yi)(yi)種(zhong)遙(yao)相呼應的(de)關系。
整個界面(mian)(mian)在左側(ce)保持了留白,讓右(you)側(ce)的畫面(mian)(mian)更(geng)突出。大家可以想象如(ru)果左側(ce)放(fang)太多信(xin)息,不但削弱了右(you)側(ce)的視覺(jue)效果,整體的視覺(jue)將會失去(qu)重點。這是我們在設(she)計中應該盡力(li)避免(mian)的。
后(hou)記
成都廣告(gao)設(she)計(ji)點的(de)(de)魅力絕(jue)無這(zhe)么簡(jian)單可(ke)以(yi)說(shuo)盡,在設(she)計(ji)時(shi),我(wo)(wo)們會(hui)因為擁有(you)太多(duo)技能,希望(wang)窮盡所(suo)有(you)的(de)(de)功力去表(biao)達(da),往往事(shi)與愿違,事(shi)實上,你只需要從中挑(tiao)選一種,比如就用點這(zhe)個(ge)元素來(lai)表(biao)現,都值得我(wo)(wo)們往深(shen)處挖掘(jue)。