當(dāng)字體設(shè)計(jì)好后,我們就要給字體添上合適效果,如果說(shuō)字體設(shè)計(jì)是創(chuàng)造,那字效呈現(xiàn)就是美化,對(duì)于更追求促銷(xiāo)感和氛圍感的電商設(shè)計(jì),有時(shí)字效會(huì)比字體設(shè)計(jì)更加重要,通過(guò)添加合適效果能使字體更具美感和吸引力,同時(shí)也更利于信息和情感傳達(dá),總之是種錦上添花的重要手段。注意字效需遵循“一致性”原則:即字效呈現(xiàn)的氣質(zhì)需和整體風(fēng)格一致。只有這樣,才能發(fā)揮字效的真正作用,不然就會(huì)適得其反,畫(huà)面反而顯得不倫不類(lèi)。
對(duì)于電商視覺(jué),字效廣泛用于各類(lèi)活動(dòng)頁(yè)中,由于字效的樣式豐富,所以對(duì)畫(huà)面整體及氛圍的影響都非常明顯,有時(shí)甚至超過(guò)了字體本身。因此對(duì)于字體設(shè)計(jì)能力薄弱的設(shè)計(jì)師而言,將字效做的好看,往往可彌補(bǔ)字形的普通,正所謂“字形不夠,字效來(lái)湊”。關(guān)于字效,這里歸納出 4 種常用手法。
通過(guò)立體來(lái)賦予字體三維屬性,使之具備空間感,這樣會(huì)讓文字更有分量和沖擊。常見(jiàn)立體形式有 2 種:直接立體和透視立體,而實(shí)現(xiàn)立體效果的方式有“合成”和“三維”。
1. 直接立體
如上圖所示,直接立體又分“加厚”和“凸起”兩大方向。
加厚
直接將字體設(shè)計(jì)成有厚度的立體字,使文字飽滿(mǎn)突出,形成強(qiáng)有力的沖擊感,特別適合大促主題!凹雍瘛鄙鲜钟须y度,若是表現(xiàn)寫(xiě)實(shí)風(fēng)格將更難,需要大家熟能生巧。但立體字也易出效果,在強(qiáng)調(diào)信息的同時(shí),畫(huà)面設(shè)計(jì)感也不差。
因?yàn)榱Ⅲw字本身就有很強(qiáng)裝飾性,只需放大便能成為主視覺(jué)。如下圖所示,立體標(biāo)題都是畫(huà)面的核心部分,再在文字周?chē)有c(diǎn)綴元素,這樣視覺(jué)就很豐富。
凸起
是指將字體調(diào)成微微凸起的樣式,有點(diǎn)類(lèi)似“浮雕”!巴蛊稹辈蝗纭昂穸取毙Ч敲疵黠@,主要是讓文字多些細(xì)節(jié),看著沒(méi)那么單調(diào),但總體而言,“凸起”效果稍顯平庸,用的相對(duì)較少。
2. 透視立體
一種很有意思的立體形式,“直接立體”是將字體根據(jù)自身結(jié)構(gòu)和排布直接立體化;而“透視立體”則是立體化的同時(shí)還要與空間透視保持一致,這樣就能融入場(chǎng)景,讓畫(huà)面更有帶入感,當(dāng)然前提是畫(huà)面要有相應(yīng)的場(chǎng)景塑造。
另外字體有時(shí)也可不設(shè)厚度,直接透視變形即可,如下圖所示。
在字體周?chē)由线吙颍刮淖指鼮橥怀鲆哺谢盍,常?guī)有“描邊”和“加框”2 種思路。
1. 描邊
“描邊”可以說(shuō)無(wú)處不在,這是非常經(jīng)典的處理手法,能豐富字體細(xì)節(jié),并提升信息關(guān)注度,但用的不好也會(huì)顯得 “俗套”,核心是需把握好描邊粗細(xì)及配色,如下圖所示,不管粗細(xì)還是配色,都要和畫(huà)面的主視覺(jué)協(xié)調(diào)統(tǒng)一,不能有違和感。當(dāng)然描邊可以不止一層,有時(shí)可用多層描邊來(lái)強(qiáng)化字效(左一)。
2. 加框
通過(guò)加底框讓文字多一層“面”,這層“面”將文字圖形化,成為畫(huà)面中一個(gè)相對(duì)獨(dú)立的視覺(jué)元素,這樣更利于內(nèi)容凸顯,也更具視覺(jué)沖擊。但加框會(huì)遮住畫(huà)面的部分內(nèi)容,也使空間沒(méi)那么透氣,因此要注意元素分布,盡量不和底框相沖突。根據(jù)表現(xiàn)形式的不同,底框又分“圖形”和“擬物”兩大類(lèi)別。
圖形
如下圖所示,圖形類(lèi)的底框能使文字排布更加規(guī)整。而關(guān)于圖形外觀,既可是幾何狀的規(guī)則圖形(左一);也可是圍繞文字的不規(guī)則圖形(左二、左三)。
擬物
“擬物”適用于有場(chǎng)景塑造的畫(huà)面,注意擬物后的底框一定要和場(chǎng)景氛圍相呼應(yīng),例如下方的所有案例,擬物后都能合理存在于各個(gè)場(chǎng)景中。
通過(guò)添加陰影使字體呈現(xiàn)出前后層次感,根據(jù)添加位置的不同,有 3 種形式:文字疊壓、筆畫(huà)疊壓和文字投影。其中文字疊壓和筆畫(huà)疊壓由于設(shè)計(jì)簡(jiǎn)單、形式感強(qiáng)、不挑風(fēng)格等優(yōu)勢(shì),常被用于各類(lèi)主題中。
1. 文字疊壓
一般是在每個(gè)文字的銜接處添加陰影,使文字呈現(xiàn)出前后層疊感。如下圖所示,“文字疊壓”適用于各種風(fēng)格,這種微妙空間感能讓標(biāo)題變的生動(dòng)有趣。
使用“文字疊壓”需注意 2 點(diǎn):1)標(biāo)題的每個(gè)字體都要靠近些,這樣前后疊壓才會(huì)明顯;2)由于陰影是深色調(diào),所以標(biāo)題盡量選擇淺色調(diào),只有明暗對(duì)比強(qiáng)烈,疊壓效果才更真實(shí)。
同樣是疊壓,只是變?yōu)樵诠P畫(huà)上添加陰影,使筆畫(huà)呈現(xiàn)前后層疊感,像是交織在一起,有點(diǎn)類(lèi)似“折紙”效果。如圖所示,這種方式能讓標(biāo)題引人注目,多些細(xì)節(jié),但又不會(huì)過(guò)于浮夸。
“筆畫(huà)疊壓”是我常用的一種字效形式,前面很多案例都用了這招,使用時(shí)同樣注意 2 點(diǎn):1)不是字體的每一筆都要添加陰影,而是有選擇的部分添加,一般每字添加 2-3 處即可;2)標(biāo)題顏色也盡量選擇淺色調(diào)。
3. 文字投影
“文字投影”的操作就更加簡(jiǎn)單,直接對(duì)文字添加“投影”即可,這樣文字和背景便可形成一前一后的空間關(guān)系。但要注意投影的虛實(shí)程度:越實(shí)則文字離背景越近;越虛則文字離背景越遠(yuǎn),具體依需求而定。“文字投影”一般適合背景單純的畫(huà)面,因?yàn)閱渭,投影才?huì)明顯,下面展示案例。
通過(guò)賦予字體某種肌理或形態(tài),使文字富有質(zhì)感。根據(jù)質(zhì)感屬性不同又分“筆刷”和“寫(xiě)實(shí)”。
1. 筆刷
用肌理筆刷對(duì)字體進(jìn)行處理,最終模擬出各類(lèi)筆觸在各種材質(zhì)上手寫(xiě)時(shí)的狀態(tài)。例如下方案例就模擬了斑駁字(左一、左二)、涂鴉字(左三、左四),這些肌理和筆觸讓字體個(gè)性十足,同時(shí)還促進(jìn)了字義的情感傳達(dá)。
一般來(lái)講,“模擬材質(zhì)”的斑駁字相對(duì)容易,只需用筆刷對(duì)字體直接刷涂;而“模擬筆觸”的涂鴉字則有難度,只有筆觸和字體筆法的走向完全吻合,才會(huì)出現(xiàn)自然流暢的手寫(xiě)感。
2. 寫(xiě)實(shí)
給字體添加現(xiàn)實(shí)中的真實(shí)肌理,同時(shí)模擬出這類(lèi)肌理的應(yīng)有形態(tài)。例如金屬字,首先需刻畫(huà)出金屬的材質(zhì)和光影,其次還要將字體設(shè)計(jì)成金屬常見(jiàn)的剛硬形態(tài),這樣塑造才真實(shí),如下圖所示。
“寫(xiě)實(shí)”的質(zhì)感種類(lèi)非常多,選哪種則看頁(yè)面主題和風(fēng)格,但不管哪種都需和場(chǎng)景氛圍高度統(tǒng)一。
霓虹燈 氣球 冰塊
關(guān)于字效的 4 種手法,常常會(huì)組合使用,核心是要根據(jù)畫(huà)面風(fēng)格找到最佳組合方式。如下圖所示,不同的手法組合能使字體呈現(xiàn)出更加豐富的視覺(jué)效果,但要記住字效最終是為了提升視覺(jué)美感以及更好的傳達(dá)信息,千萬(wàn)不要為字效而字效,要避免出現(xiàn)形式大于內(nèi)容的“浮夸”字效。
上:立體(直接立體)+邊框(加框)+質(zhì)感(寫(xiě)實(shí)) 立體(直接立體)+邊框(加框);下:陰影(筆畫(huà)疊壓)+質(zhì)感(寫(xiě)實(shí)) 立體(透視立體)+邊框(描邊)
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。