講解最基礎(chǔ)的字體結(jié)構(gòu)(4)

來源:tgideas.qq 作者:高露潔 學(xué)習(xí):2687人次

想搞定字體設(shè)計(jì),了解字體結(jié)構(gòu)是特別基礎(chǔ)的一部分,今天騰訊同學(xué)從字體的分類、結(jié)構(gòu)特征、設(shè)計(jì)原理以及常用的設(shè)計(jì)規(guī)律四方面給同學(xué)們科普一下這方面的姿勢,想入門字體設(shè)計(jì)的同學(xué),來學(xué)習(xí)咯。

一、常用分類

字體設(shè)計(jì)得先了解字體結(jié)構(gòu)和組合形式,就像房屋裝修一樣,你得先了解房屋結(jié)構(gòu)和框架才好進(jìn)行拆墻重新裝飾設(shè)計(jì)。所以首先了解2個(gè)我們常用的字體分類概念:

襯線字體(宋體):

筆畫開始、結(jié)束的地方有額外的裝飾,而且筆畫的粗細(xì)有所不同。

襯線體粗細(xì)不同(可讀性更佳)。大段落文章,增加閱讀對(duì)字母參照參考。就像大家都穿了(襯)衣服和不同裝飾物一樣好識(shí)別,裝飾性強(qiáng)、有對(duì)比參照性。

講解最基礎(chǔ)的字體結(jié)構(gòu)

非襯線字體(黑體):

沒有額外的裝飾,而且筆畫的粗細(xì)差不多。

簡潔、時(shí)尚、輕松休閑、干凈。筆畫對(duì)比較弱,不及襯線字體。

講解最基礎(chǔ)的字體結(jié)構(gòu)

這2種字體概念聯(lián)想起穿衣和沒穿衣就容易好記,也很好理解。在字體設(shè)計(jì)中記住這2個(gè)概念針對(duì)不同類型字體做裝飾性處理是關(guān)鍵。

二、結(jié)構(gòu)特征

拋開上面2種我們常見的字體分類概念,我們?cè)趤韽?fù)習(xí)下小學(xué)語文中的字體結(jié)構(gòu)。

單體字:一個(gè)偏旁單獨(dú)構(gòu)成的字。

合體字:兩個(gè)或兩個(gè)以上偏旁組合成的字。

其中合體字又分:

講解最基礎(chǔ)的字體結(jié)構(gòu)

漢子輪廓以形似方塊,但是由于筆畫不同,字體輪廓的形狀就會(huì)呈現(xiàn)不同的形狀,所以在視覺均衡上就會(huì)有些許視覺偏差。尤其是單體字和合體字組合筆畫就會(huì)顯得不好看。所以我們要在不同形狀的字形上做調(diào)整和處理,讓他們看起來更加完整、均衡。

講解最基礎(chǔ)的字體結(jié)構(gòu)

上圖,等高、等寬的三角形、正方形、圓形我們會(huì)發(fā)現(xiàn)視覺上他們是不等大。

講解最基礎(chǔ)的字體結(jié)構(gòu)

頂格、縮格、出格就是針對(duì)不同結(jié)構(gòu)的字體筆畫特征進(jìn)行微調(diào),讓他們看起來更加均衡、等大、視覺更完整。

三、平衡/杠桿原理

講解最基礎(chǔ)的字體結(jié)構(gòu)

中學(xué)物理里學(xué)過杠桿原理:動(dòng)力×動(dòng)力臂=阻力×阻力臂 ,公式:F1×L1=F2×L2

時(shí)過變遷,也許有點(diǎn)難理解。結(jié)合上圖,簡單點(diǎn)講:就是距離中心點(diǎn)越近,F(xiàn)2越重才能與離中心點(diǎn)遠(yuǎn)的F1平衡。

講解最基礎(chǔ)的字體結(jié)構(gòu)

結(jié)合漢字方格,中心點(diǎn)就是方格的垂直中心,例如“體”字,右側(cè)“本”的垂直中心點(diǎn)B,單人旁的垂直中心A,B跟中心點(diǎn)的距離越近,A跟中心點(diǎn)的距離越遠(yuǎn),整個(gè)字體組合字體重心才平衡,均衡。

當(dāng)字體變形的時(shí)候,把字體拉長,或壓扁都是同樣的道理需要去細(xì)調(diào)偏旁部首讓重心更平穩(wěn)、均衡、視覺才更加完美。

單獨(dú)看每個(gè)字都有一個(gè)獨(dú)立視覺重心,設(shè)計(jì)字體就是要兼顧每個(gè)字體的重心,讓整體更加平穩(wěn)均衡。

四、一般規(guī)律

(1) 黃金分割線原理

黃金分割值≈0.618

按照黃金分割線0.618的位置我們可以把方格字按上下、左右結(jié)構(gòu)的比例特質(zhì)畫出4條黃金分割線A、D、C、D。

講解最基礎(chǔ)的字體結(jié)構(gòu)

我們?cè)谠O(shè)計(jì)單個(gè)字體結(jié)構(gòu)的時(shí)候,可以參照黃金分割線的原理去調(diào)整不同筆畫結(jié)構(gòu)的字體,讓其看起來更加美觀。

(2 )上緊下松

上緊下松的例子比較容易記住。拿長腿女人和長腿大叔做例子就好很貼切了。

講解最基礎(chǔ)的字體結(jié)構(gòu)

(3)橫細(xì)豎粗

橫細(xì)豎粗跟重力感覺相近,只有字桿粗壯(像樹一樣)才看起來更加平穩(wěn),舒適。

講解最基礎(chǔ)的字體結(jié)構(gòu)

(4) 左緊右松

左緊右松跟視覺閱讀習(xí)慣相關(guān),就像我們閱讀喜歡從左上角開始往右下角閱讀一樣。

講解最基礎(chǔ)的字體結(jié)構(gòu)

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!