表達字體跟人一樣,由氣質(虛),骨架(實),穿著打扮(裝飾)所構成。如果將設計字體當打造一個人設一樣去處理,會變得有趣味得多。

字體設計高手的實戰指南!超炸裂(上)

文章分四部分。

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

由于內容偏干且多,所以這次(上)部分分享前言與思路,在(下)期會分享余下干貨。您可直接點擊下方字體設計文章的下篇。

字體設計高手的實戰指南!超炸裂(上)

這部分比較簡單,簡單說下字體設計的作用,以及做這次分享的目的。先放幾個優秀案例大家看看。

字體設計高手的實戰指南!超炸裂(上)

△ Love Love Rock Festival 2017 | Cheng Chieh Sung

設計大師某某曾說:一副完整的字體設計可以是一副完美的海報,他具備了信息傳達的同時又展示了設計美感。字體傳達意思比畫更直接。可以看到圖中海報主題為音樂節,設計師選用輕松寫意的手寫體,兩個愛字巧妙結合到一起,與愛愛搖滾遙相呼應,直切主題。

字體設計高手的實戰指南!超炸裂(上)

△ Allez! | Ara Estudio

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

字體設計高手的實戰指南!超炸裂(上)

△ 新 Xin|YODEX 2016 Proposal Shih Shu-Hsien

一個有設計感的字,就可以單獨組成完整的視覺品牌系統。再通過這個字的特征進行延伸,可以發散出無數周邊產品的延伸圖形。

字體設計高手的實戰指南!超炸裂(上)

△? Haohan Marketplace | Cheng Chieh Sung

字體不僅傳達信息(賣什么),還能傳達背后產品的調性(賣什么風格),烘托氛圍感(復古)。

字體設計高手的實戰指南!超炸裂(上)

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

除了復古,在展示現代當代未來感覺的時候也不毫不費力。

字體設計高手的實戰指南!超炸裂(上)

△?36 Days of Type 2018 | BüRO UFHO)

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

字體設計高手的實戰指南!超炸裂(上)

當做一個字體設計的時候,一般會按這個流程去做。

接到訴求>分析氣質>提煉形態>具體操作

字體從無到有,我們根據訴求提煉字體氣質,通過氣質聯想具體形態,最后在操作成型。

字體設計高手的實戰指南!超炸裂(上)

氣質:通過字體訴求,捕捉字體氣質。抽象過程,偏主觀感受,多靠設計師平時積累。

字體設計高手的實戰指南!超炸裂(上)

氣質可以從三方面入手:

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

以上,可以大概得知這個字體具體是什么氣質感覺。

這篇也可以幫你更加深入理解字體氣質:

如何體現氣質,就是視覺元素給人的感知。

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

趣味:表達方式挺多,扭曲、不規律、有意思、詼諧。

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

古樸:古樸印象其實約定俗成了,傳統、書法體、印章、質感,都可以傳達古樸的信息。

字體設計高手的實戰指南!超炸裂(上)

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

那有了氣質之后,下一步就該把抽象的氣質具象化,這個過程稱為形態。

字體設計高手的實戰指南!超炸裂(上)

形態可以理解為通過氣質勾勒具象字形。

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

望文生義:顧名思義,直白地根據字面意思去做聯想。

字體設計高手的實戰指南!超炸裂(上)

又進去實戰例子階段——

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

三舍:是一家美術教育機構。需求方起這個名字純粹是覺得順口。我給他賦予的品牌概念是:三原色的家。

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

字體設計高手的實戰指南!超炸裂(上)

三:三原色,紅、綠、藍,三原色可以混合出所有的顏色,同時相加為白色。

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

字體設計高手的實戰指南!超炸裂(上)

「三」、「舍」兩字正負結合,組成一座房子。舍負型為三,三正型為舍。

字體設計高手的實戰指南!超炸裂(上)

像素公寓:當地的品牌公寓,名字直接了當。主要客戶是即將畢業及畢業1-2年內的青年白領。

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

在設計中把字體的部分橫筆畫去掉,滿足無界這一點。字態筆斷意連,去掉的筆畫也并沒有影響字體的識別性。

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

第二個聯想方法。內容聯想:根據字體內容的延伸進行聯想。

字體設計高手的實戰指南!超炸裂(上)

歡喜冤家:QQ斗地主某次運營活動的字體設計。

  • 斗地主是一款娛樂游戲,地主跟農民相互對抗,用方形與圓形分飾兩角。
  • 地主那個年代的字體是美術字,類仿宋、隸書的感覺,由此得出字形的靈感。

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

秋季新:品發布活動的標識,主打當季新品。所以,快速、上新品是主要訴求點。

  • 兩點之間,直線最短,所以快速選擇用直線去表達。
  • 上新很多時候會聯想到發布、出發、向前,箭頭就成了不二人選。

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

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

  • 照片風格偏日系,主角女,所以選用纖細的字體;
  • 色調清晰、輕松,選用手寫字體。

字體設計高手的實戰指南!超炸裂(上)

照片色調清新淡雅,模特風格日系。照片的感覺很大程度決定了文字設計的感覺。

字體設計高手的實戰指南!超炸裂(上)

最后采用纖細的手寫字體,體現輕松寫意的氛圍。

字體設計高手的實戰指南!超炸裂(上)

沃爾瑪爭奪戰:一個運營H5游戲標題,游戲內容是用戶與大媽搶奪商品。

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

開工大吉:本人一組香港街頭紀實攝影作品標題。

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

字體設計高手的實戰指南!超炸裂(上)

照片壓得很暗,黑色占比高,色調陰郁,體現當代生活下城市人無奈的壓力。

字體設計高手的實戰指南!超炸裂(上)

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

接下來介紹場景聯想。

字體設計高手的實戰指南!超炸裂(上)

場景聯想:通過需求的背后場景聯想。

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

環太平洋榮耀回歸:一款運營游戲H5標題。環太平洋是一部機甲類電影,我設想自己是男主角,環繞周邊的場景,大量金屬、操作界面的元素。

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

切角以及海報元素融入到字體中。

字體設計高手的實戰指南!超炸裂(上)

重金賞:照片主題字體設計。照片氛圍陰暗濃重,片中出現大量水泥、金屬元素。

字體設計高手的實戰指南!超炸裂(上)

重金賞:因為沒有酬勞,只能請模特吃飯了,算是花了重金打賞;加上拍攝環境有大量的金屬,所以起名重金賞;

根據照片場景給人感覺提煉兩個元素:

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

字體設計高手的實戰指南!超炸裂(上)

字體框架豎直,筆畫粗壯,再加以質感斑駁,將氛圍推向高點。

字體設計高手的實戰指南!超炸裂(上)

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

字體設計高手的實戰指南!超炸裂(上)

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

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

歡迎關注作者微信公眾號:「VMIC UED」

字體設計高手的實戰指南!超炸裂(上)

收藏 538
點贊 91

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。