想讓字體更有吸引力?來(lái)學(xué)下字體設(shè)計(jì)的斷舍離!
@劉柏坤KUN :假期大家忙著游山玩水去遠(yuǎn)方,或是由于認(rèn)識(shí)的地方?jīng)]有風(fēng)景。道理挪到字體設(shè)計(jì)中來(lái),設(shè)計(jì)一款藝術(shù)字假如和平日常見的字體一樣,那也就不覺(jué)得有什么分外,所以說(shuō)想要讓字體有充足的魅力與吸引力有需要用點(diǎn)「小手段」。
處理字體的「手段」有許多種,今天就和大家聊聊字體設(shè)計(jì)的斷舍離,聽名字挺詩(shī)意其實(shí)斷、舍、離是字體設(shè)計(jì)中特別很是基礎(chǔ)常用的三種不同的處理情勢(shì),三者和字體筆畫有密切的聯(lián)系,下面就詳細(xì)看看這斷舍離到底該怎么用。(以下部分案例圖片引自網(wǎng)絡(luò))
一. 斷
兩個(gè)字詮釋就是「斷筆」,這里講的斷筆不是字體自己筆畫與筆畫之間天然的間斷,而是刻意將原本相互連接的筆畫進(jìn)行裁切,完備封閉的筆畫有了新的間斷。如許做可以很大程度上產(chǎn)生新的空間秩序并打破原有字體的閱讀節(jié)奏,結(jié)構(gòu)空間會(huì)變得更加透氣,斷筆也會(huì)產(chǎn)生肯定的層疊關(guān)系,通俗的筆墨也就多了些條理和轉(zhuǎn)變。
方法技巧
斷筆可不是隨隨便便的裁切,一樣平常是在兩個(gè)相交的筆畫處做斷筆的處理。這里我們可以根據(jù)筆畫的走向分為橫斷、豎斷、斜斷,叫什么可有可無(wú)也不必要記牢,簡(jiǎn)單上個(gè)圖大家區(qū)分一下便可。
通過(guò)此圖也可看出橫斷的手法是最容易出結(jié)果的,也是平時(shí)使用最為頻繁的。要細(xì)致這三種斷法不是排他使用的,可以相互配合使用。
斷面一樣平常是有兩種處理情勢(shì),一種是比較直接的平行處理,再一種是異型處理體例(如上圖)。
其中圖中的異形處理方法同上,只是斷面做了斜切,和相鄰的豎筆有肯定的角度,當(dāng)然假如你的筆畫起筆收筆有弧度或是其情勢(shì),斷面也可以響應(yīng)的進(jìn)行同一。
不論字體筆畫是面構(gòu)成照舊線構(gòu)成,都有可以進(jìn)行斷筆的處理,沉悶簡(jiǎn)單的字也可以變得透氣活潑。
這組字的筆畫比較簡(jiǎn)單,假如沒(méi)有進(jìn)行斷筆處理的話就會(huì)顯得比較平庸沒(méi)特點(diǎn)。重要照舊橫筆做裁切,斷面和豎筆的角度保持平行,斷點(diǎn)的位置其實(shí)也是有規(guī)律的,都是在每個(gè)字的偏左的位置。
筆畫即便是不規(guī)則的也可以做斷筆處理。上圖中的筆墨結(jié)構(gòu)筆畫都是比較輕松的,團(tuán)體做了一個(gè)對(duì)角的斷筆處理,斷口大小、斷面角度都有所不同,更吻合整組字輕松的氣氛。
必要細(xì)致什么?
試想一下假如把迷宮中的每個(gè)封閉的墻面都給通開,那么也就失去了迷宮的可玩性。在字體設(shè)計(jì)中要切記斷筆勿貪多,假如把每個(gè)筆畫都斷開那么整個(gè)字定會(huì)七零八亂,要知道斷筆起到的僅僅是肯定的裝飾作用。
二. 舍
舍即是舍棄,再簡(jiǎn)單點(diǎn)說(shuō)就是給字體做減法。漢字自己就是很復(fù)雜的圖形,具有很強(qiáng)的辨識(shí)性,即使是舍棄其中的一兩筆甚至更多也不會(huì)影響字體的識(shí)別性,舍的巧妙反而會(huì)讓字體更具個(gè)性。
前面講的「斷」只是給字體動(dòng)動(dòng)小手術(shù),「舍」就是在動(dòng)大手術(shù),它能夠釋放更多的留白空間,讓字體更有想象空間和趣味性,即便是通俗的字庫(kù)字體,嘗試舍棄其中一兩筆也會(huì)發(fā)現(xiàn)結(jié)果果然不一樣平常。
方法技巧
加法容易減法難,舍棄筆畫是要有選擇性的,有如許一個(gè)小規(guī)律:舍棄的筆畫盡量不要選擇影響字體外部輪廓的筆畫,下面這個(gè)圖會(huì)告訴你為什么。
同樣的一組字,一個(gè)是用正圓遮擋內(nèi)部筆畫,一個(gè)是遮擋外部筆畫留下同樣面積的正圓部分,你會(huì)發(fā)現(xiàn)雖然兩組字都能夠被識(shí)別出來(lái),但第二組的辨識(shí)要比第一組吃力很多,所以「舍內(nèi)不舍外」顯然要?jiǎng)澦愕亩?,?dāng)然漢字結(jié)構(gòu)千變?nèi)f化,一些比較常見常用漢字即使內(nèi)外都舍棄一部分筆畫也同樣可以辨別,所以大家照舊要依據(jù)不同的字形結(jié)構(gòu)有選擇性的進(jìn)行取舍。
看個(gè)小例子,上面這組字有選擇性的去掉橫筆,但也有選擇性的保留一部分橫筆,細(xì)心觀察你就會(huì)發(fā)現(xiàn)其中的規(guī)律,舍棄的橫筆大都是局內(nèi)并不影響字體外部輪廓的,如許就能夠在不影響識(shí)別性的前提下最大限度的刪除“多余”橫筆。
我們仔觀察一組字的時(shí)候,眼睛就會(huì)不自發(fā)的跟著漢字自己的書寫筆順進(jìn)行閱讀,所以在進(jìn)行筆畫的刪減時(shí)還要細(xì)致:盡量不要?jiǎng)h除延續(xù)的多個(gè)筆畫,即便是內(nèi)部筆畫也是如此,保持字體筆畫的連貫性也能夠很大程度上保證字體的識(shí)別度。
宋體字自己具有很強(qiáng)的書香氣假如舍棄部分筆畫會(huì)多了份「仙氣」,這組字就是特別很是典型的宋體字的舍棄筆畫的處理情勢(shì),去掉橫筆部分但保留字腳也是為了保證外部輪廓的完備性。
上面兩組字只是簡(jiǎn)單的舍棄一兩筆,配合其他的一些轉(zhuǎn)變,也能夠起到畫龍點(diǎn)睛的作用。所以說(shuō)舍絕不以「多」取勝,而是比「巧」。
三. 離
「離」像是斷和舍的中和,其目的是產(chǎn)生空間距離,再直白一點(diǎn)就是筆畫的拆分重構(gòu)。都說(shuō)距離產(chǎn)生美,這一點(diǎn)果然沒(méi)錯(cuò)!重點(diǎn)是筆畫間有了距離后字領(lǐng)會(huì)更具「圖形化」,好像是除了字義自己更能表達(dá)難以言表的情感。
方法技巧
首先是距離,其實(shí)只要能夠保證畫面內(nèi)字體的完備性距離不是題目,最怕的是距離有了但聯(lián)系沒(méi)了,如許就像一盤散沙不能成型。
這組字距離是不小,幾乎可拆卸的部分都增長(zhǎng)了間距,好在有線條的指導(dǎo)讓每個(gè)部分能夠緊密相連,我們?cè)谧鲎煮w設(shè)計(jì)的時(shí)候其實(shí)少有這么多筆畫同時(shí)進(jìn)行拆分,多是以局部的拆分為主。
和上組一樣的處理情勢(shì),假如拆分力度大、距離遠(yuǎn)就必要肯定的(線段)輔助,如許就很好的保證拆分部分的自力性,字體的團(tuán)體性也不會(huì)受到涓滴破壞。
其次比較緊張的一點(diǎn)就是局部筆畫的選取技巧。一樣平常是選擇一些撇、捺、點(diǎn)之類的筆畫做星散,相對(duì)橫豎是比較典型的筆畫;拆分后其中單字的穩(wěn)固性也要適當(dāng)?shù)募?xì)致。
照舊看個(gè)小例子,觀察上圖其實(shí)拆分的筆畫就是「逝」字的走之旁,距離并不太遠(yuǎn)但呈現(xiàn)漸行漸遠(yuǎn)的趨勢(shì),也是契合這組字的本意。
面對(duì)不同的字形結(jié)構(gòu)和風(fēng)格需求,我們總會(huì)有不同的應(yīng)對(duì)方案,斷、舍、離不是一種固定的模式,三者間是可以相互和諧應(yīng)用的,除了天真應(yīng)用更要結(jié)合本身的理解和造字的風(fēng)俗,多看多練同樣少不了。
今天所講的這三種字體的處理情勢(shì)雖說(shuō)都很常見,但有些小伙伴在現(xiàn)實(shí)操作中總會(huì)有些不夠一定,盼望這篇小分享能夠幫你梳理的更清晰,做起字來(lái)更輕松!
本文地址:http://pkvc.cn/tutorial/di3906.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏