關(guān)于字體的質(zhì)感、結(jié)構(gòu)、細(xì)節(jié)設(shè)計(jì)

2018-06-20 4298 2

一口氣給大家扛來了三篇教程,都是近幾日回答小伙伴們的一些小問題,因?yàn)椴幌裰啊蹲煮w設(shè)計(jì)進(jìn)化論》系列教程具體細(xì)致,所以也就沒單獨(dú)發(fā)出來,抱個(gè)團(tuán)搞個(gè)三合一還是可以的。
三篇小文章分別是關(guān)于字體的質(zhì)感、結(jié)構(gòu)、細(xì)節(jié),其實(shí)都是大家平時(shí)比較關(guān)心,較為基礎(chǔ)常見的問題,每一篇都沒有深入展開,點(diǎn)到為好,如果你有更多疑問歡迎留言給我。
好了,解釋到這下面大家自行翻閱吧!


 

一、教你兩招!提升字體設(shè)計(jì)的質(zhì)感


 

一直以來有些小伙伴好奇一些字體紋理咋整的啊?紋理素材疊加就好,其實(shí)就是如此簡單!但是你這樣告訴他往往第二個(gè)問題就會(huì)隨之而來,紋理素材怎么搜?好吧,我可不喜歡這樣的刨根問底。


 


 

今天又有小伙伴問關(guān)于字體紋理質(zhì)感的問題,說了半天小伙伴還是不會(huì),我想一定是我的問題,一定是我語言不夠凝練、表達(dá)不夠充分!那干脆來個(gè)短小精悍的圖文教程吧,介紹兩種比較常用,比較基礎(chǔ)的質(zhì)感紋理的處理方法,都說有圖有真相,這下再也不擔(dān)心小伙伴不會(huì)了。車很慢,老司機(jī)一腳油門主動(dòng)變道繞行吧!

 

兩種比較基礎(chǔ)也比較常用的質(zhì)感紋理方法,首先說明一點(diǎn):質(zhì)感紋理并不適用于所有的字體設(shè)計(jì)。

 

斑駁歲月型

 

我實(shí)在是太有才了,隨手編造了這么一個(gè)貼切有文化的名字,然而并沒有什么卵用。好吧,教大家方法前咱們先搞明白為什么要加紋理。

給字體加分。是的,不管是讓字體變得更有層次、更加豐富還是整體變得更有氛圍,都是在給字體加分,特征更鮮明更容積讓人記住。不盲目,有些字體本身已經(jīng)很優(yōu)秀,為了炫技加了一些不必要的效果,反而給字體減分。

 

咱們拿之前做的一組子來做分解。字體局部做了一些筆畫的切割,但整體感覺還欠缺點(diǎn)感染力,所以決定添加一些質(zhì)感紋理。


 


 

第一步 尋找相關(guān)紋理素材。這個(gè)我相信大家都有存貨吧,沒有不要緊去網(wǎng)上搜一下,不會(huì)搜也不要緊,文章底部都打包好了,太感人了。

紋理形式其實(shí)是多種多樣的,有什么自然紋理、輪胎腳印、墨跡筆觸等等,具體用哪一款還是根據(jù)字體本身所表達(dá)的涵義出發(fā)。


 


 

以上四個(gè)紋理我們都沒選用,而是使用了下面這一款。


 


 

選好了紋理,其實(shí)方法巨簡單了。說白了就是紋理在上,字體在下做一個(gè)疊加的處理。當(dāng)然也不能像下圖一樣隨便,還是要根據(jù)字體的特征有節(jié)制的添加一些紋理效果。


 


 

下圖是經(jīng)過位置調(diào)整過并且紋理效果同背景顏色一致。有時(shí)候紋理的大小和位置并不是合適的,所以有時(shí)需要變換角度,甚至單獨(dú)把紋理拆分留下去要的刪除多余的部分。一談到加一些效果,很多小伙伴就控制不住了,就像之前教大家書法字體的時(shí)候撒墨點(diǎn)增加氛圍,很多小伙伴整的滿畫面都是,真誠的講,這樣就不太好了。

不貪圖多,像下面的例子,具體到某一個(gè)字其實(shí)紋理并不是充斥到整個(gè)字,紋理也是需要多與少、輕與重的對(duì)比的。


 


 

你以為這樣就結(jié)束了,非也。剛才說了紋理也有對(duì)比,有重點(diǎn),所以在此基礎(chǔ)上又添加了一丟丟,集中在“部”字的最后一筆,通過選取紋理的局部,和字體的筆畫位置關(guān)系重合即可。這樣做的目的是想讓整個(gè)字有個(gè)視覺的記憶點(diǎn)。


 


顆粒故事型

 

又是一個(gè)好名字。這種效果不單單只在字體上可以用,一些插畫中也常有使用。相比第一種方法復(fù)雜了那么一點(diǎn),但都是通過紋理的疊加實(shí)現(xiàn)。

 

這一案例的效果我們在Ps中操作實(shí)現(xiàn)。第一步新建一個(gè)畫布并把字體扔進(jìn)去,底白字黑。(如下圖)


 


 

網(wǎng)上搜索一張巖石紋理素材,類似的還有什么鐵皮生銹等素材,其實(shí)都可以拿過來用。當(dāng)然僅僅有了這張素材還不夠,還需要我們進(jìn)行簡單處理。


 


 

選擇濾鏡/雜色/添加雜色,具體設(shè)置如下圖。關(guān)鍵數(shù)據(jù)雜色數(shù)量這里設(shè)置為20,每張紋理不同數(shù)值應(yīng)相應(yīng)調(diào)整。


 


 

添加雜色后的素材圖片,如下圖。


 


 

然后執(zhí)行創(chuàng)建剪貼蒙版,得到如下效果。我們看到整個(gè)字體的紋理相對(duì)還是比較平均沒有重點(diǎn),所以我們需要使用畫筆工具添加幾處。


 


 


 

選擇干畫筆尖淺描這一畫筆,如下圖。


 


 

使用畫筆在字體的邊緣來上幾筆,如同下圖,深色部分即為畫筆所畫。到這一步效果就差不多了,基本的紋理效果就有了。


 


 

最后調(diào)整一下亮度和對(duì)比度,順帶添加一個(gè)背景,將圖片透明度降低,最后完成效果如下。


 


 

情況就是這么個(gè)情況,是不是超簡單!來來回回其實(shí)只要換個(gè)紋理素材就可以讓每一款紋理看起來都不一樣!

 

今天給大家介紹了兩種提升字體質(zhì)感的小方法,比較基礎(chǔ),希望再一次能夠幫到你一丟丟!還不趕緊設(shè)計(jì)一款字體試一試效果?!


二、字體結(jié)構(gòu)不合理怎么破?


對(duì)于字體設(shè)計(jì),我相信每個(gè)人的理解方式、呈現(xiàn)方式都是不同的,也正是如此越來越多的小伙伴被字體設(shè)計(jì)的魅力所吸引。但不管最終以怎樣的形式、風(fēng)格來呈現(xiàn)字體作品,字體設(shè)計(jì)終歸是有最為基本的原則和秩序所支撐。

就像我所接觸的到很多喜歡字體設(shè)計(jì)的小伙伴,卻常常容易忽視字體設(shè)計(jì)中基本原則、規(guī)律,迷失在字體設(shè)計(jì)的誤區(qū)中,導(dǎo)致所設(shè)計(jì)字體并不那么如意。關(guān)于字體的誤區(qū)上次公開課也和大家聊了一些,現(xiàn)在整理成圖文的形式,每期只分享一個(gè)問題,或長或短,希望能夠解決小伙伴們的一些實(shí)際問題。


 

何為字體結(jié)構(gòu)?

結(jié)構(gòu),漢字詞語的基本解釋是:組成整體的各部分的搭配和安排。在字體設(shè)計(jì)當(dāng)中‘各個(gè)部分’可以理解成筆畫,通過筆畫的搭配和安排組成一個(gè)完整的字。每個(gè)字因其形體結(jié)構(gòu)的不同可歸類劃分,如左右結(jié)構(gòu)、上下結(jié)構(gòu)等等。


 


結(jié)構(gòu)合理的重要性

漢字經(jīng)過千年的演變和發(fā)展,逐漸形成一定的形體結(jié)構(gòu),所以哪怕是有一個(gè)筆畫位置的偏差就會(huì)偏離我們長期形成的對(duì)漢字固有印象。那么有的同學(xué)可能就說:既然結(jié)構(gòu)形態(tài)已經(jīng)有固有的狀態(tài),那么我們再去設(shè)計(jì)豈不是沒有什么意義了?


 


 

其實(shí)這個(gè)問題很好解答,舉個(gè)栗子。人體也是經(jīng)歷了長時(shí)間的演化,手腳眼鼻耳都是按照基因規(guī)律長在既有的位置,如果胳膊突然長在了腦袋上,腦補(bǔ)一下畫面甚至覺得驚悚恐怖,這就是人體結(jié)構(gòu)的不合理。但是為什么每個(gè)人還是不一樣?這是因?yàn)槲骞佟⑸砀?、體重、發(fā)型、穿衣風(fēng)格的差異使得每個(gè)人看到的樣子都不太一樣。


 


 

再比如建筑物承重結(jié)構(gòu)有問題,外部造型再光鮮亮麗、裝飾的再豪華也是徒勞。字體結(jié)構(gòu)也是同樣的道理,如果基本結(jié)構(gòu)存在問題,其他的裝飾變化都是掩飾。

 

字體結(jié)構(gòu)問題有那些需要注意的點(diǎn)?


 

先穩(wěn)再變

對(duì)于很多剛剛接觸字體設(shè)計(jì)的同學(xué)來說,總有天馬行空無拘無束的想法,也總能看到各種花哨的、夸張的字體變形,但是最最基本的結(jié)構(gòu)卻沒處理得當(dāng)。所以我建議在做字體設(shè)計(jì)時(shí)可以分三個(gè)步進(jìn)行。

01.搭字  確定好筆畫形式就可以快速的把字體搭建起來,不用考慮太多細(xì)節(jié)性的東西。

02.改字  改正上一步所搭字形的結(jié)構(gòu)問題,并嘗試豐富結(jié)構(gòu)變化。

03.修字  豐富字體的細(xì)節(jié)變化,讓整個(gè)字細(xì)節(jié)更加豐富細(xì)膩、個(gè)性更加突出。

對(duì)于很多新手來說不建議一開始就把字體做復(fù)雜,筆畫上太多花哨的連接變化,而是一開始先把字體本身的結(jié)構(gòu)關(guān)系處理清楚,再進(jìn)一步做調(diào)整與修飾。(如下圖)


 


 

因字而變

在一組字里面,每單個(gè)字結(jié)構(gòu)都有所差異,如何做到字面大小的一致是一個(gè)很重要的問題。這種情況就要根據(jù)每個(gè)字的情況適度調(diào)整。

如下圖第一排,如果字面大小保持理論大小一致的話,視覺觀感就會(huì)有明顯的大小差異,所以就應(yīng)該如第二排根據(jù)字形結(jié)構(gòu)的特點(diǎn)有針對(duì)性的調(diào)整。


 


 

三、字體設(shè)計(jì)的細(xì)節(jié)該如何把控?


 

首先要先明確什么是字體的細(xì)節(jié)?

細(xì)節(jié)?貌似是不太具象的,也確實(shí)如此。想了會(huì)決定拆分成兩個(gè)方面分析:風(fēng)格細(xì)節(jié)和像素細(xì)節(jié),好吧,原諒我又在生造名詞~

 

風(fēng)格細(xì)節(jié)

 

一個(gè)字體的組成大概是可以分為三個(gè)基本要素:字形結(jié)構(gòu)、筆畫、細(xì)節(jié)特征,通過改變字形結(jié)構(gòu)的高矮胖瘦、筆畫的粗細(xì)曲直以及細(xì)節(jié)的繁簡即可設(shè)計(jì)出風(fēng)格多變的字體設(shè)計(jì)作品。很明顯三要素改變其一都會(huì)造成風(fēng)格的變化,或多或少。


 

元素間的變化甚至排列方式都可以改變字體的風(fēng)格傾向(上圖)


 

那么上面所提的三要素中的細(xì)節(jié)特征又是什么鬼?來個(gè)不太成熟的小比喻,一個(gè)女生穿一身花棉襖和比基尼這就是細(xì)節(jié)特征的多與少、是秋褲還是皮褲這是細(xì)節(jié)特征的中的質(zhì)感、是黃頭發(fā)還是黑頭發(fā)、是濃妝還是淡妝、是紅領(lǐng)巾還是絲巾等等這些都是可選項(xiàng),關(guān)鍵是看你怎么搭!

一個(gè)字體一撇一捺間看似簡單,單從細(xì)節(jié)特征一方面考慮其實(shí)是經(jīng)過多重的選擇、搭配、對(duì)比最終呈現(xiàn)到我們面前的,那么問題就在這!搭配。


 

可選擇的方向很多,你都用對(duì)了嗎?(上圖)

 

字體間元素的搭配

 

接著上面的比喻講,如果把我們做字的過程比喻成服裝設(shè)計(jì),我們首先要做到的是合身,然后是出彩。很多初學(xué)字體設(shè)計(jì)的同學(xué)很容易犯一個(gè)錯(cuò)誤就是過度設(shè)計(jì),往往把自己會(huì)的技發(fā)全都集中用到一個(gè)字體設(shè)計(jì)當(dāng)中,無用的堆疊只會(huì)讓字體更加糟糕。所以在設(shè)計(jì)一個(gè)字體的時(shí)候先要當(dāng)前的設(shè)計(jì)是否與實(shí)際需求相符,可有可無的部分一律不用,學(xué)會(huì)舍棄,先做到“合身”,然后再考慮如何出彩,具體的就不一一給大家列舉了,強(qiáng)烈推薦大家看我前些日子分享的文章《字體性格知多少》相信你會(huì)在其中找到一些答案。


 

普通的字庫字體經(jīng)過“搭配”也是有另一番味道(上圖)

 

你看,歸根結(jié)底是你要什么?就算是堆積木你還要提前考慮好是整個(gè)農(nóng)家大院還是來個(gè)酷炫城堡呢!字形結(jié)構(gòu)、筆畫、細(xì)節(jié)特征三者是相互關(guān)聯(lián)影響的,他們要朝著一個(gè)明確的方向發(fā)展,而不是各自獨(dú)立存在的。

 

像素細(xì)節(jié)

 

這個(gè)比較“硬”所以就好解釋一些。雖然我不是處女座但是字體設(shè)計(jì)當(dāng)中一個(gè)像素的位置差異我還是很在乎的,你們知道我的字體設(shè)計(jì)課程中除了講字還會(huì)布置作業(yè)進(jìn)行作業(yè)的評(píng)改(這算不算強(qiáng)行植入廣告,哈哈),我會(huì)發(fā)現(xiàn)其中很多比較硬的細(xì)節(jié)瑕疵,比如說一條本該平行的線條兩個(gè)錨點(diǎn)卻偏偏有位置差、本該粗細(xì)一致的筆畫卻一粗一細(xì)...這些就是很基礎(chǔ)的一些細(xì)節(jié),很多情況下不少同學(xué)瞪著大眼給忽視掉了!


 


 

腦海里不自覺的浮現(xiàn)高中墻壁上的那句話:態(tài)度決定高度,細(xì)節(jié)決定成??!講真,不要忽視這些本該精確的細(xì)節(jié),那么多設(shè)計(jì)字體的,到最后拼的可能就是一兩個(gè)像素的差異,所以請對(duì)每一個(gè)筆畫負(fù)責(zé)!


 

三個(gè)問題,今天就先聊到這吧!歡迎大家踴躍提問,雖然不可能一一回復(fù);另外對(duì)于所述觀點(diǎn)有異議者,也請批評(píng)指正,反正我也不改!哈哈哈哈~


 


18
評(píng)論區(qū)(0)
正在加載評(píng)論...