圖文源自優(yōu)設(shè)網(wǎng)
http://www.uisdc.com/font-design-creativity-methods
字體,對(duì)于我們?cè)O(shè)計(jì)師來說再熟悉不過了蠢护,而今天要聊的「字體的創(chuàng)意設(shè)計(jì)」雅宾,在我們工作中會(huì)高頻率出現(xiàn),譬如設(shè)計(jì)廣告物料葵硕、營銷類 Banner 或品牌標(biāo)識(shí)等等眉抬,需要針對(duì)主題文案進(jìn)行圖形化設(shè)計(jì)贯吓,從而進(jìn)一步突出主題,吸引用戶蜀变。如何更好的幫助我們提升字體創(chuàng)意設(shè)計(jì)的 Level 悄谐,我認(rèn)為值得深入的探討。
開始之前昏苏,先問大家一個(gè)問題:做為設(shè)計(jì)師尊沸,你會(huì)如何去進(jìn)行字體的創(chuàng)意設(shè)計(jì)?
大家不妨花幾分鐘的時(shí)間思考一下答案贤惯。
如果曾思考過這點(diǎn)洼专,相信你一定有一套自己的設(shè)計(jì)方法。但在很多時(shí)候孵构,我們的流程會(huì)存在問題:我們喜歡先入為主屁商,一味運(yùn)用圖形設(shè)計(jì)手法大刀闊斧的改造字體,這種方式顯得盲目颈墅,有生搬硬套的嫌疑蜡镶。雖然我們的設(shè)計(jì)過程千差萬別,但很大程度上要依賴設(shè)計(jì)師的審美和設(shè)計(jì)能力恤筛,經(jīng)驗(yàn)豐富的設(shè)計(jì)師就算走了彎路官还,最終還能回歸理性思考,Get 到設(shè)計(jì)要點(diǎn)毒坛。但是對(duì)于初級(jí)設(shè)計(jì)師望伦,尤其很少接觸字體設(shè)計(jì)的朋友們來說,一定會(huì)有些力不從心煎殷,無處下手屯伞。
所以,我一直在思考有沒有一種高效的方法豪直,或者找到?jīng)Q定字體創(chuàng)意水準(zhǔn)的關(guān)鍵因素劣摇,能幫助我們有效的思考問題,提高設(shè)計(jì)產(chǎn)出質(zhì)量弓乙。以下觀點(diǎn)供大家參考和交流末融。
我認(rèn)為設(shè)計(jì)師在著手「字體的創(chuàng)意設(shè)計(jì)」時(shí),可以從三個(gè)方面去思考:
1. 圖形創(chuàng)意
圖形創(chuàng)意是我們最容易關(guān)注到的點(diǎn)唆貌,也是體現(xiàn)我們?cè)O(shè)計(jì)能力和創(chuàng)意重要環(huán)節(jié)滑潘。圖形創(chuàng)意有哪些方法可循,后面會(huì)詳細(xì)列舉锨咙。
2. 字形結(jié)構(gòu)
進(jìn)行圖形化設(shè)計(jì)的基礎(chǔ)畢竟是「文字」语卤,它仍然需要傳達(dá)字面信息,這就關(guān)系到閱讀性以及字體的美感,所以我們需要從漢字的造字原理和結(jié)構(gòu)出發(fā)粹舵,分析字形結(jié)構(gòu)和視覺感受钮孵。
3. 情感表達(dá)
這點(diǎn)毋庸置疑,準(zhǔn)確表達(dá)字體的情感眼滤,突顯主題特征巴席,從而吸引用戶,產(chǎn)生情感上的共鳴诅需,這是檢驗(yàn)設(shè)計(jì)方案是否優(yōu)秀的重要指標(biāo)漾唉。
下面我逐一展開分析。
圖形創(chuàng)意
圖形創(chuàng)意是字體創(chuàng)意設(shè)計(jì)的直觀體現(xiàn)堰塌,假如不需要圖形創(chuàng)意赵刑,那我們可以節(jié)省大把的時(shí)間,直接選擇一款現(xiàn)有字體就足夠了场刑。既然需要「創(chuàng)意」般此,那有哪些方法能幫助我們發(fā)散思維,提煉出驚艷的創(chuàng)意構(gòu)想牵现?我總結(jié)了以下幾種設(shè)計(jì)手法(結(jié)合了電影海報(bào)案例):
1.筆畫裝飾
裝飾和強(qiáng)化字體的筆畫特征(針對(duì)每一個(gè)筆畫開頭和結(jié)尾進(jìn)行改造)铐懊,讓文字的形態(tài)特征和主題風(fēng)格統(tǒng)一,這是設(shè)計(jì)師使用頻率較高的手法之一瞎疼。
△ ?電影《哈利·波特》中文海報(bào)局部圖
2.筆畫繼承
先定義關(guān)鍵筆畫的風(fēng)格特征科乎,再將此特征繼承到同類筆畫上,讓字體形態(tài)更統(tǒng)一贼急。
△ ?電影《降臨》中文海報(bào)局部圖
3.筆畫省略(切割)
根據(jù)設(shè)計(jì)需要喜喂,在不影響識(shí)別性的前提下,合理的省略(切割)某一部分字體結(jié)構(gòu)竿裂,增強(qiáng)形式感和設(shè)計(jì)感。
△ ?電影《記憶大師》海報(bào)局部圖
4.筆畫共用
根據(jù)畫面的節(jié)奏需要照弥,結(jié)合字體的結(jié)構(gòu)特征腻异,將原本多個(gè)筆畫合并成一個(gè)筆畫,一筆多用这揣,文字會(huì)更有畫面性悔常。
△ ?電影《異星覺醒》中文海報(bào)局部圖
5.筆畫裝飾
結(jié)合主題,用能代表主題的物象替代字體的某一個(gè)筆畫或者結(jié)構(gòu)给赞,起到畫龍點(diǎn)睛的作用机打。
△ ?電影《亞瑟王:斗獸爭(zhēng)霸》中文海報(bào)局部圖
6.其他方法
例如書法字體,手寫體等片迅。
△ ?電影《蕩寇風(fēng)云》海報(bào)局部圖
以上列舉的只是我們工作中常用的幾種設(shè)計(jì)手法残邀,但這并非囊括了所有方法,因?yàn)閳D形化設(shè)計(jì)的創(chuàng)意是無窮無盡的,而它們可以相互組合芥挣,形成新的表現(xiàn)形式驱闷,我們?cè)谑褂眠^程中可以活學(xué)活用,切忌生搬硬套空免。
字形結(jié)構(gòu)
中國的漢字是由筆畫組成的結(jié)構(gòu)體空另,所以科學(xué)合理的筆畫結(jié)構(gòu),決定了字體的好壞蹋砚。我們就從漢字的造字原理和結(jié)構(gòu)出發(fā)扼菠,分析字形結(jié)構(gòu)。
△ ?筆畫構(gòu)成
漢字結(jié)構(gòu)有五大屬性坝咐,分別是中宮循榆、重心、字面畅厢、字重冯痢、字懷。
1.中宮
中宮是根據(jù)古代九宮格的構(gòu)成原理對(duì)漢字進(jìn)行分割而來的框杜,中宮是九宮的中心部分浦楣,中宮的位置是固定的,但是漢字會(huì)在結(jié)構(gòu)上有松緊之分咪辱。
2.重心
重心是漢字中心點(diǎn)在縱坐標(biāo)上的高低位置振劳。
3.字面
字面是漢字所占字面框的比例大小。
4.字重
字重是指漢字筆畫的粗細(xì)油狂,西文字體筆畫的粗細(xì)程度通常也是用Heavy历恐、Light等文字來表達(dá)。
5.字懷
字懷是指字體內(nèi)筆畫間的留白部分多少专筷。
理解了字體五大屬性的概念弱贼,我們會(huì)發(fā)現(xiàn):字重會(huì)影響字懷的多少,也就是說筆畫粗細(xì)會(huì)影響負(fù)空間(留白)磷蛹,而中宮是相對(duì)固定吮旅,因?yàn)闊o論字重粗細(xì)變化有多大,字的結(jié)構(gòu)松緊是不變的味咳,這好比一個(gè)人的胖瘦變化庇勃,不會(huì)影響他的骨架。所以槽驶,字體各個(gè)屬性相對(duì)獨(dú)立责嚷,又相互影響,達(dá)到視覺上的平衡掂铐。
通常來說罕拂,一套字體應(yīng)該有相對(duì)統(tǒng)一的中宮揍异、重心和字面,而對(duì)于字重和字懷可以存在適當(dāng)?shù)淖兓?/b>
回想一下以往的經(jīng)歷聂受,自己千辛萬苦設(shè)計(jì)出來的字體創(chuàng)意十足蒿秦,可總感覺哪里不對(duì),又說不出問題所在蛋济,其實(shí)大多數(shù)情況是因?yàn)樽煮w的結(jié)構(gòu)屬性出了問題棍鳖,可能是中宮的松緊度不一致,字重筆畫安排不夠妥當(dāng)碗旅,或者重心高低起伏…總之渡处,我們?cè)谠O(shè)計(jì)改造字形結(jié)構(gòu)時(shí),一定要細(xì)致的考究各大屬性之間的平衡和統(tǒng)一祟辟。
情感表達(dá)
大家常用「字如其人」來評(píng)價(jià)人的性格和處世風(fēng)格医瘫,這個(gè)人字寫的很工整,我們就會(huì)聯(lián)想到他為人處世也會(huì)嚴(yán)謹(jǐn)認(rèn)真旧困,一絲不茍醇份;那個(gè)人字寫得飄逸自如,則會(huì)聯(lián)想到他在生活中一定自由灑脫(不妨參考國共兩位領(lǐng)導(dǎo)人的書法作品)吼具。
歸根到底僚纷,字體的情感表達(dá),其實(shí)就是通過它的形態(tài)所展現(xiàn)出來的人的「主觀感受」拗盒。
而情感表達(dá)和字形結(jié)構(gòu)有著必然聯(lián)系:
中宮的松緊怖竭、重心的高低、字面的大小陡蝇、字重的粗細(xì)和字懷的多少痊臭,直接影響了字體的形態(tài)變化,給人以不同的「主觀感受」登夫!
例如:字重的粗細(xì)就能會(huì)自然而然聯(lián)想到“厚重”和“輕盈”广匙。
總之,我們的字體設(shè)計(jì)需要打動(dòng)用戶恼策,引起情感的共鳴艇潭,進(jìn)而引導(dǎo)用戶參與更深入的互動(dòng)!
設(shè)計(jì)思考流程
分析完以上三個(gè)關(guān)鍵要素戏蔑,相信大家對(duì)字體創(chuàng)意設(shè)計(jì)有更深刻的理解,現(xiàn)在我們可以進(jìn)一步解讀這三個(gè)關(guān)鍵詞:
這樣我們可以完整的理解「字體創(chuàng)意設(shè)計(jì)」是什么:
運(yùn)用圖形創(chuàng)意的設(shè)計(jì)策略鲁纠,分析并改造字形結(jié)構(gòu)总棵,提升字體的情緒特征,強(qiáng)調(diào)并呼應(yīng)主題改含。
如果將這三個(gè)關(guān)鍵詞顛倒下順序情龄,我們可以整理出一個(gè)基本的設(shè)計(jì)/思考流程:
思考并確定字體的主題和情緒特征,通過分析字形結(jié)構(gòu),選擇合適的字體字形骤视,提煉出正確的圖像創(chuàng)意策略鞍爱,最終完成字體創(chuàng)意設(shè)計(jì)。
當(dāng)我們得到設(shè)計(jì)方案后专酗,需要不斷的反思和驗(yàn)證設(shè)計(jì)方案的準(zhǔn)確性睹逃。而這套流程仍然可行,我們不妨這樣反思方案:
1. 情感的表達(dá)是否準(zhǔn)確到位了祷肯?能否引起用戶共鳴沉填?
2. 文字字形結(jié)構(gòu)各個(gè)屬性是否平衡,視覺感受是否統(tǒng)一佑笋?
3. 圖形創(chuàng)意是否準(zhǔn)確翼闹?存不存在歧義?是否影響閱讀蒋纬?
最后
愿大家都能掌握字體設(shè)計(jì)的技巧猎荠,設(shè)計(jì)出美觀、富有意義的字體蜀备。
--by.U愛設(shè)計(jì)菇?jīng)?-
如果你喜歡設(shè)計(jì)关摇,請(qǐng)關(guān)注我。
學(xué)習(xí)加QQ:1289916063
微信號(hào):zheng-z-xixi
關(guān)注該公眾號(hào)