切割文本來創(chuàng)造視覺吸引力

對于許多老派的設(shè)計而言，字體應(yīng)該保持字體設(shè)計師最初設(shè)計出來的樣子，覺得不合適的時候選擇其他的就好了。不過對更多的設(shè)計師而言，

能把字體玩兒出花來，也未嘗不是一件非常有趣的事情。

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

都有著頗為不錯的視覺效果。在進行文本字體切割的時候，始終應(yīng)該記住一個原則：文本字體必須是可讀的。如果可讀性無法保證，那設(shè)計還有什么意義呢？

你應(yīng)該密切關(guān)注信息傳達的順暢性，下面的實例可以供你參考。

「傳統(tǒng)的」切割效果

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

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

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

文本和圖片的穿插切割

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

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

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

附帶動效的切割效果

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

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

用來設(shè)計文本LOGO

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

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

注意切割所構(gòu)成留白的方式。在上面的設(shè)計當(dāng)中，通過切割而留出了足夠的空間來承載附加的信息。切割的時候常常會用細線，不過方式方法有很多。

營造交互性

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

由于采用了可交互式的組件，用戶在這個網(wǎng)站的駐留時間可能會比其他的更長。

縱向切割

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

縱向切割的處理縱深相對橫向切割更短，不過設(shè)計師可以針對不同的文本單獨進行縱向切割。就像上面的這個網(wǎng)站當(dāng)中的處理方式，設(shè)計師直接將縱向的筆觸都切掉了，相似的處理方式讓整個字體看起來像是經(jīng)過統(tǒng)一的處理一樣。

構(gòu)建視覺流

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

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

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

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

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

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

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

結(jié)語

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

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

我們一直在思考，如何大程度的用色彩、線條、結(jié)構(gòu)、文字、靈感和創(chuàng)造力，為客戶提供一個有價值，有靈魂的網(wǎng)站，而不僅僅只是一個花瓶擺設(shè)！

創(chuàng)新互聯(lián)致力于深圳網(wǎng)站建設(shè)，網(wǎng)站制作，網(wǎng)頁設(shè)計等專業(yè)互聯(lián)網(wǎng)應(yīng)用服務(wù)，期待與你合作！

網(wǎng)頁名稱：切割文本來創(chuàng)造視覺吸引力
標題來源：http://www.muchs.cn/news36/165786.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、小程序開發(fā)、靜態(tài)網(wǎng)站、手機網(wǎng)站建設(shè)、標簽優(yōu)化、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)