當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計(jì)知識>教程內(nèi)容

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法(4)

來源:京東設(shè)計(jì)中心 作者:JDC 吳劍 學(xué)習(xí):13350人次

相比于專業(yè)性更強(qiáng)的印刷字體設(shè)計(jì)來說,創(chuàng)意字體設(shè)計(jì)只需將特定的某幾個(gè)字或某幾句話進(jìn)行筆畫的重新整合與創(chuàng)新,因此,你的工作量會比做一套字庫來得輕松得多。但不同于印刷字體的是,你需要花更多的時(shí)間在你的創(chuàng)意上,如何讓文字的震撼力和感染力變得更強(qiáng),如何讓你的創(chuàng)意在短短的幾個(gè)字中呈現(xiàn)出來,都需要不斷的進(jìn)行思考與推敲。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

接下來,我就和大家分享一些我自己在具體創(chuàng)作過程中的一些經(jīng)驗(yàn)方法,如有紕漏之處或者不同觀點(diǎn),歡迎指正。

第一招:一個(gè)亮點(diǎn)

扁平的設(shè)計(jì)風(fēng)格現(xiàn)在越來越受設(shè)計(jì)師們的追捧,其優(yōu)勢在于它可以更加簡單直接的將信息和事物的工作方式展示出來,減少認(rèn)知障礙的產(chǎn)生。在創(chuàng)意字體設(shè)計(jì)中也是一樣,我們也要力求文字信息的“扁平化”。這里的“扁平”指的是在一組字體中,我們不要有太多附加的元素,在設(shè)定好整體風(fēng)格的前提下,提煉出一個(gè)亮點(diǎn)足矣。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法
字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法
字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

以上這幾組字體是從“京東七宗最”項(xiàng)目需求中篩選出的案例,每組字體中的亮點(diǎn)元素只有一個(gè)。

由于考慮到時(shí)間緊,項(xiàng)目急等因素,在開始動手設(shè)計(jì)前的半小時(shí)中我首先確定的是字體風(fēng)格以及七組字體中的創(chuàng)意元素,當(dāng)風(fēng)格和亮點(diǎn)元素確定后,在開始動手制作,往往可以達(dá)到事半功倍的效果,這樣避免了走一些執(zhí)行上的彎路。

第二招:字體爆炸

有時(shí)候,在接到一個(gè)非常急的項(xiàng)目需求時(shí),你來不及花太多時(shí)間去思考,如何通過討巧的辦法來讓字體的設(shè)計(jì)感提升一個(gè)層次呢?這就是接下來我們要說的“字體爆炸”。

這種方法的好處在于,你可以先不去想文字結(jié)構(gòu)的創(chuàng)意點(diǎn)和突破口,直接利用現(xiàn)有字形,然后將其“打破”,飛濺出的字體碎片形成的點(diǎn)線面對比,本身就可以達(dá)到一種強(qiáng)烈的視覺沖擊力。

下面我們以京東招聘的banner為例來看“字體爆炸”:

1. 參考字形(方正粗譚黑簡體)

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

2. 抹去原字體的圓角結(jié)構(gòu),組合字體形成整體。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

3. 讓字體爆炸

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

4. Banner氛圍烘托

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

第三招:筆畫斷連

連筆和斷筆在創(chuàng)意字體設(shè)計(jì)中運(yùn)用的十分廣泛,它們往往同時(shí)出現(xiàn)。連筆的運(yùn)用,一方面可以增強(qiáng)筆畫之間的聯(lián)系性,另一方面也能增強(qiáng)字體的整體性;斷筆往往出現(xiàn)在筆畫的連接處,可以使連筆筆畫更為自然順暢。連筆和斷筆的必須與結(jié)構(gòu)相呼應(yīng),不能生搬硬套,不能牽強(qiáng),同時(shí)還要保持字體的識別性。

我們通過下面一個(gè)實(shí)際案例來具體講講斷筆和連筆的運(yùn)用。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

我們可以先打印出一款字體,進(jìn)行觀察分析,我們將橫版與豎版的都打印在紙上,可以看出風(fēng)和日麗四個(gè)字在字與字之間的連接上,豎版的比橫板的好連一些,我們通過將字體進(jìn)行錯(cuò)位排列后,可以連接的比較流暢。

在四個(gè)字中,“風(fēng)”字中間部分有交叉的斜線,“和”字左半部分有斜線,“麗”字的兩點(diǎn)也是傾斜的,因此,在不影響識別性的情況下,我們需要將他們擺正,來統(tǒng)一筆畫。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

像這樣我們在軟件中用鋼筆工具將字體的骨架搭建完成,并根據(jù)分析的結(jié)果尋找筆畫連接點(diǎn)。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

觀察字形我們可以看出,“風(fēng)”字的左右兩筆是向外擴(kuò)散的,因此,我們先保持“風(fēng)”字的位置不變,將下方的字體向左移,使其連接后不影響識別性。但是,這樣連接后字體明顯重心不穩(wěn)了,所以我們先給他做個(gè)傾斜處理。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

傾斜后的字體重心依然向左傾,因此,我在這里的解決方法是延長筆畫,使其達(dá)到平衡的狀態(tài),具體過程如上圖所示。這樣,基本骨架搭建完成了,接下來我們細(xì)化它。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

優(yōu)化一些筆畫,增強(qiáng)筆畫間的聯(lián)系性,使字體更整體,同時(shí),風(fēng)吹的感覺更明顯。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

這一步非常重要,在所有筆畫調(diào)節(jié)好后,我們需要讓字體變得更耐看一些,試著改變筆畫的形狀,豎線加粗,橫線變細(xì),同時(shí)注意筆畫連接處的處理,這里,我們通過筆形的變化,得到了右邊的字形,這樣,整個(gè)設(shè)計(jì)就基本完成了。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

第四招:水墨書法

水墨藝術(shù)是中國畫的一種藝術(shù)形式,墨色的焦、濃、重、淡、清產(chǎn)生豐富的變化具有獨(dú)特的藝術(shù)效果。在創(chuàng)意字體設(shè)計(jì)中它以其特殊的視覺效果與嚴(yán)謹(jǐn)?shù)挠∷⒆煮w及圖形形成鮮明的對比,因此水墨元素成為極具東方審美意蘊(yùn)的中國平面設(shè)計(jì)表現(xiàn)符號。

關(guān)于水墨風(fēng)格的字體,我們該怎么去做呢?其實(shí)方法有很多,比如你可以直接利用現(xiàn)有字形去變化,像下面這樣直接在電腦上打出幾個(gè)字進(jìn)行選擇。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

或者說你想動動手也無妨,拿出毛筆在紙上寫幾個(gè)出來,選出最合適的。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

將選擇出來的字體轉(zhuǎn)化為矢量,調(diào)整筆畫造型,并分析其優(yōu)化空間。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

仔細(xì)感受兩個(gè)字的組合,可以發(fā)現(xiàn)略顯拘謹(jǐn),因此我們要打破一下沉默的氣氛,在上圖中箭頭與紅圈標(biāo)出的部分加一些具有動勢的墨點(diǎn)。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

像這樣的水墨風(fēng)格字體大家也屢試不爽了,也很常見。所以為了以示不同,我們再來看其他幾種“水墨風(fēng)格”的字體設(shè)計(jì)。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

水墨的感覺不一定非得像前面那樣去呈現(xiàn),有時(shí)候它可以像上面這樣子,巧妙的利用一下電腦軟件,也能實(shí)現(xiàn)獨(dú)特的韻味。或者說像下面這張圖一樣,在幾何字體基礎(chǔ)上疊加水墨元素。

字體知識,最常用的幾種創(chuàng)意字體設(shè)計(jì)方法

總結(jié)

創(chuàng)意字體設(shè)計(jì)的方法還有很多,也有非常多值得我們思考和感悟的東西,這也是創(chuàng)意字體設(shè)計(jì)的魅力所在。今天僅以概括性的語言表達(dá)了自己最常用的幾種方法,作品不甚完美,權(quán)當(dāng)拋磚引玉,希望大家喜歡。

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
回憶取名為曾經(jīng)2017-07-03 02:44
2222鍥炲繂鍙栧悕涓烘浘緇
回憶取名為曾經(jīng)2017-07-03 02:43
1111鍥炲繂鍙栧悕涓烘浘緇
回憶取名為曾經(jīng)2017-07-03 02:43
1111
sunshine8792016-06-20 11:06
cun
sunshine8792016-06-20 11:04
cun

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

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