一次教你16種宋體字的變化!

2022-8-23    seo達(dá)人


(點(diǎn)擊圖片前往原文查看視頻)

(點(diǎn)擊圖片前往原文查看視頻)

 

如果不喜歡看視頻也沒關(guān)系,這里還有貼心的圖文版詳細(xì)過程,下面一起來看一下都是哪 16 種。(視頻中只有 15 種,最后一種是我臨時(shí)加上去的。)

圖片

開始我們今天的正題,逐一來講解一下。

 

 

圖片

宋體當(dāng)中的筆畫美感是比較重要的,而如果對(duì)于字體沒有太多了解的話,是比較難刻畫出精致宋體筆畫的,所以我們可以對(duì)筆畫進(jìn)行一定程度的簡化,當(dāng)然主要是對(duì)于橫豎筆畫的簡化,全部做成直線的形態(tài)。

圖片

其次則是撇捺點(diǎn)的筆畫,可以簡化成一個(gè)帶有曲線的三角形,同時(shí)把邊緣處切平處理??雌饋頃?huì)更簡潔現(xiàn)代。

圖片

這樣我們就得到了一組簡化過的筆畫,其實(shí)這一步主要的思路就是把筆畫處理的更幾何,自然也就更簡化了。

圖片

下面就可以用這些筆畫來進(jìn)行拼字了,選擇思源宋作為結(jié)構(gòu)參考。這里我把思源宋拉的瘦高了一點(diǎn),大家也可以根據(jù)自己想要的感覺去自行調(diào)整。

圖片

最后,適當(dāng)調(diào)整布局,兩行錯(cuò)排,添加一些小文字進(jìn)行排版即可。

圖片

這里結(jié)合最終的排版,添加了一點(diǎn)點(diǎn)連筆和筆畫延長的處理,后面會(huì)單獨(dú)講連筆的形式。

 

 

圖片

斷筆這一方式已經(jīng)老生常談了,在字體設(shè)計(jì)中的使用頻率非常高,常規(guī)的斷筆方式大家應(yīng)該都是會(huì)的,就是對(duì)筆畫與筆畫有接觸的位置進(jìn)行斷開即可,那其實(shí)也可以嘗試斷開的更多一些,把所有接觸的筆畫都進(jìn)行斷開。

圖片

當(dāng)然這個(gè)方法也可以和簡化做同時(shí)使用,依然選擇思源宋墊底,搭建字形,這里我是拉寬了一些。

圖片

再來對(duì)整體進(jìn)行斷開,還是相同的方法,但氣質(zhì)完全不一樣了。

圖片

最后添加排版,這一組就完成了。

圖片

接著來看第三種方法。

 

 

圖片

這一方法有點(diǎn)類似于斷筆的加強(qiáng)版,只是略微有點(diǎn)不同,那具體做法就是把整條橫筆全部省略掉,只保留筆畫末端的修飾。

圖片

首先依舊是搭建結(jié)構(gòu),這一部分并沒有任何區(qū)別,大家可以自由的設(shè)定筆畫造型,以及筆畫的粗細(xì),來達(dá)到自己想要的感覺。

圖片

下面就很簡單了,把字體中所有最細(xì)的橫筆給刪掉,保留末端的小三角特征即可。

圖片

最后也可以根據(jù)字義適當(dāng)增加一點(diǎn)意境,我這里加了一些模糊效果。

圖片

這里稍微多說幾句,有些字并不能把所有橫筆全都省略掉,因?yàn)闀?huì)比較嚴(yán)重的影響識(shí)別,比如日字,干字,等一些字里面只有橫豎筆畫的字,我們就不能對(duì)橫筆全部省略。

圖片

這種情況就要適當(dāng)去保留一些橫筆了,根據(jù)識(shí)別情況,進(jìn)行還原橫筆的多少即可,識(shí)別低就多還原一些橫筆,識(shí)別夠高則可以多省略一些的。

圖片

這兩個(gè)字真不是故意的,腦子里就只想到了這兩個(gè)字比較適合…

 

 

圖片

這也是一個(gè)非常好用,非常實(shí)用的方式,連筆,其實(shí)連筆的方法無非就那么幾種,最常用的就是根據(jù)手寫的習(xí)慣和規(guī)律進(jìn)行連筆,再一個(gè)則是順勢(shì)而連,當(dāng)然也有一些逆向連接和非常規(guī)的連筆手段,但那需要一定的積累和經(jīng)驗(yàn)了,今天我們主要談的就是基于手寫習(xí)慣這一方式。

方法略有一些不同,首先我們要先根據(jù)墊底字進(jìn)行畫草圖來嘗試可以做連筆的位置,以及連筆的造型。這里可以進(jìn)行大量的嘗試,選擇整體看起來比較舒服的姿勢(shì)再往下做。

圖片

我們來稍微分析一下草圖,首先第一組是不太合適的,因?yàn)橥踝峙缘淖冃芜^于繁瑣,我們?cè)偬鎿Q進(jìn)宋體筆畫的時(shí)候,很可能會(huì)完全糊掉。

圖片

下面再來看第二組,連筆的走勢(shì)是沒什么問題的,但略微平淡了些,且少字的連筆形態(tài)不是很好看,所以可以作為備選項(xiàng)。

圖片

再來看一下最后一組,這一組是可行的,連筆的走勢(shì)比較飄逸,且王字旁的連筆并不是那么常規(guī),所以可以用這一組來作為參考。

圖片

這里的筆畫設(shè)定的比較細(xì),而且較為鋒利,因?yàn)橄氲矫倒鍘Т?,少年也帶要帶點(diǎn)刺,所以做了一個(gè)這樣的設(shè)定,大家做不同的主題可以設(shè)定不同的筆畫粗細(xì)和細(xì)節(jié)處理。

圖片

接下來直接用畫好的草圖墊底拼字就可以了,這一組我也是把字拉的瘦高了一些,也是因?yàn)椤干倌辍惯@個(gè)詞,如果是「玫瑰大叔」的話,可能我就會(huì)做的短粗胖一些了。

圖片

圖片

 

 

圖片

這一方法實(shí)際上就是結(jié)合了簡化和連筆的方式,但氣質(zhì)還是有明顯的區(qū)別的。

圖片

這里在筆畫上我簡化的不算特別多,橫豎筆畫設(shè)定的粗細(xì)較為類似,撇捺點(diǎn)這一類筆畫在起筆和收筆處還是保留了一些角度,并沒有完全切平。

圖片

首先還是搭建結(jié)構(gòu),不管做什么變化,都要在結(jié)構(gòu)穩(wěn)定的基礎(chǔ)上去做,不然字體會(huì)越變?cè)絹y的,一直使用思源宋呢,是因?yàn)榭梢悦赓M(fèi)商用,即使改動(dòng)不大也不用擔(dān)心版權(quán)問題,如果大家有基礎(chǔ),可以選擇其他墊底字。

圖片

這里的連筆形式絕大多數(shù)都是基于手寫的規(guī)律而連接的,就不再重新畫草圖分析了。

圖片

最后再簡單排個(gè)版,加個(gè)英文和一點(diǎn)小裝飾即可。

圖片

 

 

圖片

這一方法是比較簡單且很容易出效果的,常規(guī)的宋體結(jié)構(gòu)很容易就看膩了,這個(gè)時(shí)候我們可以考慮用楷體的結(jié)構(gòu),但依然使用宋體的筆畫,最終效果就是下面的樣子了。

圖片

首先還是要稍微設(shè)定一下筆畫的造型,這種形式不用設(shè)定太復(fù)雜的筆畫造型,常規(guī)一點(diǎn)就可以了,因?yàn)榻Y(jié)構(gòu)并不是常規(guī)的宋體,所以設(shè)計(jì)感也并不體現(xiàn)在筆畫上。

圖片

下面選擇一個(gè)稍微正一點(diǎn)的楷體來墊底參考結(jié)構(gòu),這里我選的是華文楷體,然后拉高了一點(diǎn)。

圖片

這里也可以稍作一點(diǎn)變動(dòng),比如口字部分下方的橫筆替換成提的形式是比較常用的方法,愿字上邊的一撇延伸進(jìn)下邊,從而省略掉橫筆的一部分,也有結(jié)合前面的一些知識(shí)點(diǎn),大家可以靈活去處理。

圖片

最后簡單排一下就好了。

圖片

 

 

圖片

共性這一概念之前有單獨(dú)開過一篇文章來寫,所以這里就不贅述太多了,簡單來理解,這里用到的共性就是筆畫上的統(tǒng)一,我們可以從一組字當(dāng)中尋找相同位置,且相似或相同造型的筆畫,進(jìn)行夸張?zhí)幚?,這樣就得到了一組有特征,但整體又很統(tǒng)一的字形了。所以我們還是得先畫草圖來尋找共性筆畫。

圖片

嘗試過后,發(fā)現(xiàn)這一組字當(dāng)中,適合做共性筆畫的要么是撇的筆畫,要么是豎筆延長成豎撇的形式,像第一組,撇筆畫的位置在每個(gè)字當(dāng)中并不是很統(tǒng)一,所以不是很好的選擇,而第二組則要好得多,維度壁字下邊是強(qiáng)行做的這種處理,有些不和諧,但整體來看是沒問題的,所以這里選擇第二種,延長豎筆。

圖片

下面還是老樣子,墊底,搭建結(jié)構(gòu),就完了,說實(shí)話寫到這我有點(diǎn)膩了,但還是要繼續(xù)寫下去,既然說了是 16 種,那就得整完…

圖片

正常搭建好結(jié)構(gòu)后,就可以按照草圖階段的想法來進(jìn)行延長筆畫了。

圖片

然后,排版,就好了。

圖片

 

 

圖片

這個(gè)算是偏技法類型的方式了,毫無難度,一看就會(huì),學(xué)了肯定不會(huì)廢。常規(guī)的描邊形式我們都會(huì)做,一鍵轉(zhuǎn)換就好了。

圖片

在這個(gè)基礎(chǔ)上,把筆畫的邊緣剪斷,然后做一點(diǎn)延長或是交叉的處理,這樣就能讓字體具備一定的形式和設(shè)計(jì)感了。

圖片

然后還是排版,字體其實(shí)不排版的話,大多數(shù)看起來都會(huì)比較單薄,而且字體單獨(dú)出現(xiàn)的情況也比較少,所以盡量還是要排一下的。

圖片

沒什么難度,幾下就完事了,很快,希望你們每次都這么快。

 

 

圖片

這個(gè)方法其實(shí)不算是設(shè)計(jì)字體的方法,更多算是字體的排列布局的方式,主要就是要對(duì)一組字做一些大小變化,從而讓整體看起來比較有節(jié)奏感。但這里要注意一個(gè)問題,字雖然有大小變化了,但筆畫粗細(xì)是不變的。

首先我們要對(duì)所做的字進(jìn)行大致的分析,哪個(gè)字應(yīng)該大,哪個(gè)字應(yīng)該小。一般來說,筆畫多的字我們可以做的大一點(diǎn),筆畫少的字就做得小一點(diǎn)。

圖片

且上中下或上下結(jié)構(gòu)的字則可以做的瘦高一些,左中右以及左右結(jié)構(gòu)的字則做的寬一些。這是基于漢字的基本結(jié)構(gòu)而有的規(guī)律,當(dāng)然你也可以自己去設(shè)定規(guī)則。

圖片

那其實(shí)還有一個(gè)點(diǎn)需要注意,就是對(duì)齊的位置,要么是底對(duì)齊,要么頂對(duì)齊,要么居中都在一條水平線上,具體要看整體排出來的美感來選擇。

圖片

其實(shí)三種都是可以的,因?yàn)檎w的節(jié)奏是沒問題的,“小大大小小”。這里我選擇最后一種居中對(duì)齊的形式,開始搭建字形。

圖片

可以看到,這里我也做了大量的簡化,甚至橫豎筆畫我都是用鋼筆畫的等粗線條…我承認(rèn)偷懶了。所以這種方法可以與前面很多知識(shí)點(diǎn)相結(jié)合,能做出很多有意思的宋體字,最后排版也比較簡單。

圖片

 

 

圖片

這個(gè)方法有點(diǎn)類似給筆畫加裝飾,但不需要那么夸張,我們只需要在正常字體的基礎(chǔ)上,對(duì)筆畫稍稍加一點(diǎn)改變就可以有不同的效果和氣質(zhì)。

圖片

搭建字形的步驟我就不磨嘰了,還是一樣的方法,正常做完就這樣,雖然這里我換了一種形式的筆畫,但還是比較常規(guī),沒什么意思。

圖片

在這一基礎(chǔ)上,稍稍對(duì)筆畫邊緣加入一點(diǎn)類似毛筆字拖出來的墨跡形式,整體就變得好玩多了。

圖片

這種小細(xì)節(jié)不一定要加在所有筆畫上面,大家可以選擇性的添加一些即可,全都加了反而無趣了,最后添加上排版即可。

圖片

 

 

圖片

民國時(shí)期的美術(shù)字可以說是已經(jīng)達(dá)到了巔峰,現(xiàn)在大家做的很多變化以及形式,有很多都是借鑒于民國時(shí)期,這里先稍微看幾個(gè)例子。

圖片

可以看到,變化形式非常豐富,S 形狀的筆畫,口字部分的變化,星星元素,幾何元素,各種連筆造型等。那具體做法也比較簡單,我們只要在正常搭建好結(jié)構(gòu)之后,適當(dāng)替換一些民國字的特征筆畫進(jìn)來即可。

圖片

最后添加排版,雖然是借鑒了民國字的筆畫,但這里看起來并不老氣,還是非常好用的。

圖片

需要注意的是這里調(diào)整的更多的其實(shí)還是撇捺點(diǎn)這一類的筆畫,橫豎筆畫還是比較少做變動(dòng)的。

 

 

圖片

虛擬連筆,實(shí)際上就是基于常規(guī)連筆的一個(gè)延展而已,只不過這種形式的適用范圍也比較廣。

那做法其實(shí)就是用稍微細(xì)一點(diǎn)的線條,來勾勒出連筆的走勢(shì)而已,只帶出局部,并非真正的連接上。(ps:這個(gè)方法借鑒了岳昕老師的字。)

圖片

最后再加上偷懶式排版。

圖片

這里再稍微多說幾句,這里面的筆畫我是用鋼筆畫的兩種粗細(xì)的線條,而撇捺的部分采用的是豎筆粗細(xì),然后用寬度工具把收筆的部分給拖窄一點(diǎn)就好了,也是個(gè)偷懶神器。

圖片

 

 

圖片

常規(guī)的字體在視覺上看著都是比較接近正方形的,所以我們偶爾可以對(duì)字體的字面進(jìn)行夸張?zhí)幚?,非常寬扁又或是非常瘦高,都?huì)很直觀的給到視覺感受,這樣看著就比較陌生,那相應(yīng)的也就有了設(shè)計(jì)感。

圖片

這個(gè)就不做案例了,調(diào)整完字面后可以和前面所有的方式做結(jié)合。

 

 

圖片

宋體的筆畫修飾一般都不會(huì)很大,所以當(dāng)我們嘗試把這些修飾放大處理的時(shí)候,那設(shè)計(jì)感自然也就有了,放大特征的對(duì)象主要就是橫筆的末端,和豎筆的起筆或收筆處,當(dāng)然也包括撇的起筆,甚至是連筆的特征都可以去放大處理。也是一個(gè)一秒就學(xué)會(huì)的方式。

圖片

 

 

圖片

這也是一個(gè)專門開過一篇文章來講的方式,西文中用在宋體中的表現(xiàn)更為優(yōu)秀,因?yàn)楣P畫特征較為特別,且西文的數(shù)量極為龐大,具體做法就是通過拆分西文的筆畫,以提取出橫豎撇捺點(diǎn)等中文筆畫。

圖片

乍一看好像英文的最大特征并不能結(jié)合多少,這時(shí)候就要去思考問題了,像英文中的一些細(xì)線的變化非常相似連筆的形式,所以我們可以在中文當(dāng)中去尋找一些可以做連筆的位置,來借鑒英文的特征結(jié)合進(jìn)去??梢越Y(jié)合墊底字大致畫一下草圖進(jìn)行嘗試。

圖片

不需要畫的很細(xì)致,自己能看懂就行,這組字可以做的瘦高一些會(huì)更能凸顯英文特征的氣質(zhì),所以我們可以適當(dāng)調(diào)整一下,就可以直接開始拼字了。

圖片

還是很簡單的,大家只需要多注意西文筆畫與中文筆畫的契合度,以及把曲線刻畫的流暢一些就問題不大了。

圖片

 

 

圖片

這里主要是對(duì)于古籍碑帖的一些提取與借鑒,相對(duì)來說要難一點(diǎn)點(diǎn),我們先來看一下碑帖。

圖片

首先我們要做的就是提取筆畫,其實(shí)主要就是橫筆的造型要提取出來,其余的筆畫都可以通過橫筆來進(jìn)行延展。那橫筆的起筆部分造型還是很好提取的。

圖片

其次是收筆,但這里的收筆造型并不容易提取出一個(gè)明確的造型,所以這里我直接就做成了最簡單的三角形。

圖片

其次就是對(duì)于豎筆的延展了,豎筆的部分我們可以直接把橫筆豎起來,這樣能最直接的保證筆畫造型的統(tǒng)一,相應(yīng)的撇的造型也有了,至于捺和點(diǎn)的造型,使用正常宋體的造型就可以了。

圖片

下面直接把碑帖墊在下面使用楷體的結(jié)構(gòu),然后宋體的筆畫,和前面講到的宋楷結(jié)合是一個(gè)意思。

圖片

當(dāng)然也可以把它改成正常宋體的結(jié)構(gòu),筆畫處理成平直的就好了,但結(jié)構(gòu)上會(huì)有一些變動(dòng),大家可以參考字庫來調(diào)整視覺上的平衡。

圖片

這個(gè)方法的可塑性是比較強(qiáng)的,因?yàn)闀?huì)涉及到比較多的主觀處理,下面我再放幾個(gè)之前做的這種類型的字。

圖片

圖片

圖片

圖片

好了,那這期教程就到這了,我們下期再見,告辭老鐵。


作者:猴子

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》一次教你16種宋體字的變化!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



分享本文至:

日歷

鏈接

個(gè)人資料

存檔