表達(dá)字體跟人一樣,由氣質(zhì)(虛),骨架(實(shí)),穿著打扮(裝飾)所構(gòu)成。如果將設(shè)計(jì)字體當(dāng)打造一個(gè)人設(shè)一樣去處理,會變得有趣味得多。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

文章分四部分。

  • 前言:開篇前的點(diǎn)綴。交代本次分享背景、目的。
  • 思路:主要講想法,如何構(gòu)想字體,兩大步驟讓字體從無到有的。
  • 操作:主要講方法,如何操作落地,分享六大法則,本次分享重點(diǎn)。
  • 積累:兩種方式教你如何儲備、提升。

由于內(nèi)容偏干且多,所以這次(上)部分分享前言與思路,在(下)期會分享余下干貨,敬請關(guān)注~

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

這部分比較簡單,簡單說下字體設(shè)計(jì)的作用,以及做這次分享的目的。先放幾個(gè)優(yōu)秀案例大家看看。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

△ Love Love Rock Festival 2017 | Cheng Chieh Sung

設(shè)計(jì)大師某某曾說:一副完整的字體設(shè)計(jì)可以是一副完美的海報(bào),他具備了信息傳達(dá)的同時(shí)又展示了設(shè)計(jì)美感。字體傳達(dá)意思比畫更直接??梢钥吹綀D中海報(bào)主題為音樂節(jié),設(shè)計(jì)師選用輕松寫意的手寫體,兩個(gè)愛字巧妙結(jié)合到一起,與愛愛搖滾遙相呼應(yīng),直切主題。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

△ Allez! | Ara Estudio

上面那張我們能看懂,如果這張就算看不懂英文,我們也能看出這個(gè)段文字極具體征,他筆畫粗細(xì)變化極具個(gè)性。作為海報(bào)招貼或者標(biāo)志符號都能讓人印象深刻。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

△ 新 Xin|YODEX 2016 Proposal Shih Shu-Hsien

一個(gè)有設(shè)計(jì)感的字,就可以單獨(dú)組成完整的視覺品牌系統(tǒng)。再通過這個(gè)字的特征進(jìn)行延伸,可以發(fā)散出無數(shù)周邊產(chǎn)品的延伸圖形。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

△  Haohan Marketplace | Cheng Chieh Sung

字體不僅傳達(dá)信息(賣什么),還能傳達(dá)背后產(chǎn)品的調(diào)性(賣什么風(fēng)格),烘托氛圍感(復(fù)古)。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

△ 8th核聚變|Gamecores 8th Anniversary Wild design

除了復(fù)古,在展示現(xiàn)代當(dāng)代未來感覺的時(shí)候也不毫不費(fèi)力。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

△ 36 Days of Type 2018 | BÜRO UFHO)

雖然文字是極具歷史意義的,但是跟現(xiàn)代的技術(shù)融合碰撞又有不一樣的感覺。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

當(dāng)做一個(gè)字體設(shè)計(jì)的時(shí)候,一般會按這個(gè)流程去做。

接到訴求>分析氣質(zhì)>提煉形態(tài)>具體操作

字體從無到有,我們根據(jù)訴求提煉字體氣質(zhì),通過氣質(zhì)聯(lián)想具體形態(tài),最后在操作成型。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

氣質(zhì):通過字體訴求,捕捉字體氣質(zhì)。抽象過程,偏主觀感受,多靠設(shè)計(jì)師平時(shí)積累。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

氣質(zhì)可以從三方面入手:

  • 受眾:給誰看,誰買單,他們會喜歡什么樣的;
  • 目的:拿來干嘛,用途是什么;
  • 場景:放哪看,考慮場景會對字體有不同限制。

以上,可以大概得知這個(gè)字體具體是什么氣質(zhì)感覺。

下面通過我自己創(chuàng)作的案例來歸類一些字體氣質(zhì)類型,拋磚引玉:

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

科技:科技感未來感,視覺元素可能就是塊面、電路、直線。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

寫意:輕松、自由、舒適這種感覺會帶來寫意感覺,加上手寫的方式表達(dá),舒服自然。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

趣味:表達(dá)方式挺多,扭曲、不規(guī)律、有意思、詼諧。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

或者在字體里放入故事,讓人會心一笑。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

古樸:古樸印象其實(shí)約定俗成了,傳統(tǒng)、書法體、印章、質(zhì)感,都可以傳達(dá)古樸的信息。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

氣質(zhì)的分析因人而異,畢竟是主觀的感受,可以分出很多類,我只拋磚引玉。

那有了氣質(zhì)之后,下一步就該把抽象的氣質(zhì)具象化,這個(gè)過程稱為形態(tài)。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

形態(tài)可以理解為通過氣質(zhì)勾勒具象字形。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

個(gè)人提煉三種方法,大家牢記,下面一一解釋。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

望文生義:顧名思義,直白地根據(jù)字面意思去做聯(lián)想。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

又進(jìn)去實(shí)戰(zhàn)例子階段——

胖蛙:這是一個(gè)游戲頻道Logo,把胖、蛙兩字拆開,字面就可以很好理解到,一只肥胖的青蛙。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

把倆關(guān)鍵詞(青蛙、肥胖)融入到字體里面:筆畫敦實(shí),兩只腳、一對眼,整體就是一只渾圓的青蛙,組成字體。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

三舍:是一家美術(shù)教育機(jī)構(gòu)。需求方起這個(gè)名字純粹是覺得順口。我給他賦予的品牌概念是:三原色的家。

(三舍自助創(chuàng)意畫室是一家CBD上的一家中型自助式繪畫基地,她存在的意義是希望在物欲橫流的當(dāng)下社會給予人們一塊精神的棲息地。在這里盡情放松自己一天緊繃的思想,放松僵硬的身體,自由地作畫。在這里,只交流藝術(shù),只以內(nèi)心坦誠去會友。)

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

:三原色,紅、綠、藍(lán),三原色可以混合出所有的顏色,同時(shí)相加為白色。

:物質(zhì)層面,房子;精神層面,家。「諾貝爾獲得者英國作家William Golding說過這一段去描述女性:你給她一個(gè)房子,她給你一個(gè)家。(If you give her a house , she’ll give you a home.)」

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

「三」、「舍」兩字正負(fù)結(jié)合,組成一座房子。舍負(fù)型為三,三正型為舍。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

像素公寓:當(dāng)?shù)氐钠放乒ⅲ种苯恿水?dāng)。主要客戶是即將畢業(yè)及畢業(yè)1-2年內(nèi)的青年白領(lǐng)。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

顧名思義直接用方塊像素表現(xiàn),先排布好方塊列陣,直接拿掉需要的部分即可。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

風(fēng):風(fēng)給人的感覺飄逸靈動,有起伏,會把東西吹散。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

風(fēng)把英文wind吹散了,筆畫也吹走了。試圖用風(fēng)給人的感受來修飾這個(gè)字。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

無界首發(fā):運(yùn)營品牌Logo,主打新品發(fā)布。品類眾多沒有界限,而且做首次發(fā)布。提煉字面關(guān)鍵詞:沒有界限,首次。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

在設(shè)計(jì)中把字體的部分橫筆畫去掉,滿足無界這一點(diǎn)。字態(tài)筆斷意連,去掉的筆畫也并沒有影響字體的識別性。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

首發(fā)就很容易解決了,一個(gè)星星,一個(gè)「1」,first的意思躍然紙上。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

第二個(gè)聯(lián)想方法。內(nèi)容聯(lián)想:根據(jù)字體內(nèi)容的延伸進(jìn)行聯(lián)想。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

歡喜冤家:QQ斗地主某次運(yùn)營活動的字體設(shè)計(jì)。

  • 斗地主是一款?yuàn)蕵酚螒?,地主跟農(nóng)民相互對抗,用方形與圓形分飾兩角。
  • 地主那個(gè)年代的字體是美術(shù)字,類仿宋、隸書的感覺,由此得出字形的靈感。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

這是第一版,需求方覺得太過于圓潤,希望更方一些。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

所以第二版去除了圓角,字形更偏楷書,讓其正氣更多一些。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

秋季新:品發(fā)布活動的標(biāo)識,主打當(dāng)季新品。所以,快速、上新品是主要訴求點(diǎn)。

  • 兩點(diǎn)之間,直線最短,所以快速選擇用直線去表達(dá)。
  • 上新很多時(shí)候會聯(lián)想到發(fā)布、出發(fā)、向前,箭頭就成了不二人選。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

將尖端、上新的概念具象化為箭頭,放置到字體中。過程中可以縮小字體看是否會影響識別。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

名稱未設(shè)定:人像攝影主題字體設(shè)計(jì),這是本人拍攝的一組作品,模特留日歸來,氣質(zhì)十分日式,照片也采用小清新風(fēng)格處理。

  • 照片風(fēng)格偏日系,主角女,所以選用纖細(xì)的字體;
  • 色調(diào)清晰、輕松,選用手寫字體。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

照片色調(diào)清新淡雅,模特風(fēng)格日系。照片的感覺很大程度決定了文字設(shè)計(jì)的感覺。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

最后采用纖細(xì)的手寫字體,體現(xiàn)輕松寫意的氛圍。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

沃爾瑪爭奪戰(zhàn):一個(gè)運(yùn)營H5游戲標(biāo)題,游戲內(nèi)容是用戶與大媽搶奪商品。

  • 人在爭搶的時(shí)候,身體、動作都是扭曲的,你來我往;
  • 但是作為一個(gè)游戲,又希望給人輕松的感覺,肥瘦相間,充滿節(jié)奏感。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

字體整體做成扭曲的感覺,似乎是經(jīng)過爭奪后的形態(tài)。筆畫粗壯飽滿,融入可愛的感覺,不至于字體太過極端,給人一種胡鬧,并不是血腥的感覺。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

配合界面、插畫,最后落地的效果。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

開工大吉:本人一組香港街頭紀(jì)實(shí)攝影作品標(biāo)題。

  • 香港街景極具賽博朋克風(fēng)格,復(fù)古味道濃重,所以用招牌字體感覺呈現(xiàn);
  • 畫面色調(diào)濃郁厚重,字體用有分量感的方塊表現(xiàn)。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

照片壓得很暗,黑色占比高,色調(diào)陰郁,體現(xiàn)當(dāng)代生活下城市人無奈的壓力。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

字形靈感來自招牌體,添加了質(zhì)感,讓其港味更濃。具體做法后面會詳細(xì)闡述。

接下來介紹場景聯(lián)想。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

場景聯(lián)想:通過需求的背后場景聯(lián)想。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

騰蛟起鳳:《滕王閣序》給人壯麗、開闊的感覺,我置身的場景仿佛置身閣中,眺望遠(yuǎn)方。騰蛟起鳳是里面一句詩句,給我的感覺就是龍飛鳳舞、雙雙戲水。元素水滴、風(fēng)、太極、跳躍的感覺。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

字形繼承隸書結(jié)構(gòu),加以跳動的感覺,中間水滴點(diǎn)綴。還算貼合滕王閣序的年代感,也符合騰蛟起鳳的意境。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

環(huán)太平洋榮耀回歸:一款運(yùn)營游戲H5標(biāo)題。環(huán)太平洋是一部機(jī)甲類電影,我設(shè)想自己是男主角,環(huán)繞周邊的場景,大量金屬、操作界面的元素。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

電影宣傳海報(bào)可以看到,有特定的裝飾體以及大量45°切角。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

切角以及海報(bào)元素融入到字體中。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

重金賞:照片主題字體設(shè)計(jì)。照片氛圍陰暗濃重,片中出現(xiàn)大量水泥、金屬元素。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

重金賞:因?yàn)闆]有酬勞,只能請模特吃飯了,算是花了重金打賞;加上拍攝環(huán)境有大量的金屬,所以起名重金賞;

根據(jù)照片場景給人感覺提煉兩個(gè)元素:

  • 水泥的塊狀感;
  • 金屬的斑駁感。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

字體框架豎直,筆畫粗壯,再加以質(zhì)感斑駁,將氛圍推向高點(diǎn)。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

搭配照片效果,采用國際排版,左對齊。

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

可以順便拓展其他一些應(yīng)用延展方式,字體設(shè)計(jì)不能光只滿足自己的設(shè)計(jì)快感,應(yīng)該考慮受眾感受,所以效果圖會讓觀者更有代入感。

目前關(guān)于思路部分已經(jīng)跟詳細(xì)給大家交代了,接下來就是怎么做,用什么方案做的問題了,由于篇幅有限,這部分最干最純的內(nèi)容我們將在下期揭曉,大家敬請期待!

 

來源:VMIC UED

字如其人 | 楊不過字體設(shè)計(jì)分享(上)

標(biāo)簽:字體設(shè)計(jì)

隨機(jī)推薦