切割文本來創(chuàng)造視覺吸引力
發(fā)布時(shí)間:2021-12-31 10:43 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 2710

對(duì)于許多老派的設(shè)計(jì)而言,字體應(yīng)該保持字體設(shè)計(jì)師最初設(shè)計(jì)出來的樣子,覺得不合適的時(shí)候選擇其他的就好了。不過對(duì)更多的設(shè)計(jì)師而言,能把字體玩兒出花來,也未嘗不是一件非常有趣的事情。

將字體進(jìn)行二次修整,通過切割、分解、合成來創(chuàng)造截然不同的效果,能夠讓它成為更加吸引人的視覺元素。無論是微妙的切割還是大幅度的分解充足,都有著頗為不錯(cuò)的視覺效果。

在進(jìn)行文本字體切割的時(shí)候,始終應(yīng)該記住一個(gè)原則:文本字體必須是可讀的。如果可讀性無法保證,那設(shè)計(jì)還有什么意義呢?你應(yīng)該密切關(guān)注信息傳達(dá)的順暢性,下面的實(shí)例可以供你參考。


「?jìng)鹘y(tǒng)的」切割效果


想讓文字更出彩?試試通過切割文本來創(chuàng)造視覺吸引力

如果是針對(duì)單個(gè)單詞或者一小組文本進(jìn)行切割處理,讓位于兩個(gè)不同層的部分錯(cuò)位或者疊加,通常能夠創(chuàng)造出分層的效果。這種設(shè)計(jì)能夠增加層次和深度。

這個(gè)網(wǎng)站當(dāng)中,設(shè)計(jì)師將文本與 & 符號(hào)進(jìn)行了結(jié)合,借助符號(hào)中的斜線來作為分割,顯性的字體被纖細(xì)而微妙的字符筆觸分割開來,借助陰影創(chuàng)造出微妙的分層效果,讓整個(gè)氛圍顯得精致細(xì)膩而富有高級(jí)感。

當(dāng)被分割的文本相對(duì)而言,整體比較簡(jiǎn)單的時(shí)候(比如非襯線字體),控制好被切斷的兩部分之間的距離,不要太遠(yuǎn)就能保持較好的可讀性。


文本和圖片的穿插切割


想讓文字更出彩?試試通過切割文本來創(chuàng)造視覺吸引力

切割分層效果并不僅限于文本,圖片和文本之間其實(shí)是可以互相穿插切割的。就像上面的  這個(gè)網(wǎng)站。

圖片被傾斜地分割為幾個(gè)部分,而文本穿插其中。整個(gè)設(shè)計(jì)呈現(xiàn)出一種富有動(dòng)感的效果。由于被切割開的圖片本身有一定寬度,為了讓文本不被完全遮住,設(shè)計(jì)師加入了動(dòng)畫效果,移動(dòng)中的文本和圖片不僅讓這種動(dòng)感更加強(qiáng)烈,而且用戶足以輕松看清文本的全貌,而不會(huì)失去關(guān)鍵的信息。

這種設(shè)計(jì)技巧對(duì)于作品和產(chǎn)品的呈現(xiàn)是非常有用的,不僅富有美感,而且極具創(chuàng)意。


附帶動(dòng)效的切割效果


想讓文字更出彩?試試通過切割文本來創(chuàng)造視覺吸引力

毫無疑問,切割效果是同樣可以和其他的元素結(jié)合起來使用的。將動(dòng)畫和切割效果結(jié)合起來使用就頗為有效。

在當(dāng)中,被切割的文本其實(shí)是導(dǎo)航,當(dāng)光標(biāo)懸停在上面的時(shí)候,動(dòng)畫效果會(huì)讓被切割的文本逐步拼接回去,你會(huì)看到完整的信息。


用來設(shè)計(jì)文本LOGO


想讓文字更出彩?試試通過切割文本來創(chuàng)造視覺吸引力

用字體的切割效果用來創(chuàng)建 LOGO 其實(shí)很有意思,尤其當(dāng)你必須使用文本元素來創(chuàng)建 LOGO 的時(shí)候。一個(gè)足夠有趣的 LOGO 能夠賦予品牌更高的識(shí)別度,而切割效果也能夠讓文本更加具有圖形化的特征。就像上面的襯衫中的 LOGO設(shè)計(jì)。

在切割文本的時(shí)候,注意圖形的自然形狀和切割的角度,確保用戶在閱讀的時(shí)候具備足夠的識(shí)別度,且足夠有趣。

注意切割所構(gòu)成留白的方式。通過切割而留出了足夠的空間來承載附加的信息。切割的時(shí)候常常會(huì)用細(xì)線,不過方式方法有很多。


營(yíng)造交互性


想讓文字更出彩?試試通過切割文本來創(chuàng)造視覺吸引力

設(shè)計(jì)師通過使用交互式的文本和筆刷,讓用戶具備和這些元素進(jìn)行交互的可能性,雖然文本本身并沒有完全被切割開,但是筆刷所營(yíng)造的藝術(shù)式的效果和切割有著異曲同工之妙。

由于采用了可交互式的組件,用戶在這個(gè)網(wǎng)站的駐留時(shí)間可能會(huì)比其他的更長(zhǎng)。


縱向切割


想讓文字更出彩?試試通過切割文本來創(chuàng)造視覺吸引力

由于我們的閱讀方式,絕大多數(shù)的文本排布都是橫向的,而設(shè)計(jì)師自然也大都傾向于橫向切割。不過,縱向切割也是可行的。

縱向切割的處理縱深相對(duì)橫向切割更短,不過設(shè)計(jì)師可以針對(duì)不同的文本單獨(dú)進(jìn)行縱向切割。設(shè)計(jì)師直接將縱向的筆觸都切掉了,相似的處理方式讓整個(gè)字體看起來像是經(jīng)過統(tǒng)一的處理一樣。


構(gòu)建視覺流


想讓文字更出彩?試試通過切割文本來創(chuàng)造視覺吸引力

在文本當(dāng)中加入切割的效果,會(huì)形成一種閱讀的方向性和緊迫感,用戶在瀏覽的時(shí)候,會(huì)隨著切割所構(gòu)成的視覺流來快速掃視。

無論是有意還是無意,打破常規(guī)瀏覽次序的切割效果會(huì)讓用戶注意到,用戶的視線會(huì)不自覺地沿著切割的方向去瀏覽,這也就是它所創(chuàng)建的視覺流。

在上面的案例當(dāng)中,這個(gè) LOGO 中字母 R 和 O 都被切割出缺口,在樣式上和字母 C 很接近,從左到右會(huì)感覺到比較明顯的切割方向性。

字母上方向一致的均勻的切口,所形成的方向感會(huì)迅速地在用戶眼中構(gòu)成一種指向性明確的視覺流向。


強(qiáng)調(diào)特定的字母



想讓文字更出彩?試試通過切割文本來創(chuàng)造視覺吸引力

最后這種切割效果可能是最為引人矚目的一種,使用切割的方式來構(gòu)建和強(qiáng)調(diào)特定的字母。設(shè)計(jì)師通過負(fù)空間來構(gòu)建陰陽對(duì)比,巧妙地構(gòu)建出特定的字母,從而起到強(qiáng)調(diào)的作用。

在上面的  頁面當(dāng)中,LOGO 采用的是這種切割陰陽對(duì)比來強(qiáng)調(diào)字母 N,而視覺主體當(dāng)中,讓人物和文本進(jìn)行穿插來營(yíng)造層次感。這兩種方式都可以很好的傳遞信息,足夠簡(jiǎn)單,并且在視覺上足夠有趣。


結(jié)語


使用切割文本的方式來營(yíng)造視覺吸引力是流行的趨勢(shì),不過這種趨勢(shì)需要設(shè)計(jì)師靈活機(jī)變,并且熟練掌控多種不同的技法,合理地發(fā)揮和運(yùn)用才行。當(dāng)然,最重要的是控制可讀性,其次才是運(yùn)用創(chuàng)意營(yíng)造視覺吸引力。

切割文字是一種有趣的設(shè)計(jì)技法,按照流行的方式結(jié)合一下動(dòng)效,倒是可能會(huì)收到奇效,值得嘗試。

版式設(shè)計(jì)視頻教程
我要自學(xué)網(wǎng)商城 ¥60 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC