旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 行業(yè)資訊 > 字體設計在UI設計中的運用方式

字體設計在UI設計中的運用方式

時間:2018-03-12來源:mwtacok.cn點擊量:作者:馬晨皓
時間:2018-03-12點擊量:作者:馬晨皓

我們的眼睛和大腦在觀察事物、接收影像刺激的時候,會有一些特別的傾向。這些傾向常??梢詭椭覀兛焖俚谋鎰e事物,有時候也會產(chǎn)生所謂的“錯覺”。格式塔心理學重要的概念便是“整體不等于個體的總合”,舉例來說:當我們在觀察另一個人的時候,并不是先看到他的手、腳、頭、眼睛、耳朵、鼻子,然后把這些視覺特征組合成一個稱為“人”的組合。我們是直接的觀察到人這個“整體”,而不是其他器官的“個體的總合”。格式塔心理學主要有相似性原理、連續(xù)性原理、封閉性原理、對稱性原理等,舉例來說,比如我們看到下面兩組圖形:

我們可以觀察發(fā)現(xiàn),雖然上圖中的幾組圖形線條沒有完全閉合,但是我們依然能看出它們是方形、圓、三角形,我們的大腦會自動填補元素與元素間的空白部分,形成一段不存在的圖形,這就是格式塔心理學中所說的封閉性原理。這里彌補的元素就是線段和圓點,從而有助于我們得出一個“All roads lead to Rome.”這樣的結論(善于舉一反三,發(fā)現(xiàn)新的元素)。通俗地說格式塔就是感覺(知覺)的最終結果。是我們在心不在焉與沒有引入反思的現(xiàn)象學狀態(tài)時的感覺,這種感覺是不受外界因素約束的,來源于我們自己的感知。

現(xiàn)在字體設計都是用計算機輔助來做了,人就越來越懶,不愿意動手,很多設計師的電腦里都安裝了上百款中文字體和上千款英文字體,(說的夸張,但是不為過)琳瑯滿目,感覺好像沒什么必要去自己動手設計。其實不然,電腦字體庫的字也是被設計出來的,有些字體還廣泛運用于各行各業(yè),如:黑體、宋體大多數(shù)運用在比較正規(guī)的文件上。Pingfang SC,Helvetica字體被很多互聯(lián)網(wǎng)設計師用在了App界面設計中,成為了扁平化設計里面的信息承接元素。然而很多大公司都已經(jīng)為公司的App設計了獨特的字體(主要表現(xiàn)在0-9數(shù)字和A-Z字母上)。

設計師們都應該明白一件事情(物以稀為貴),做出具有自己個人風格的設計是最有意義,最有特色的,最能體現(xiàn)自己的設計價值。曾經(jīng)有一位同事,深耕高端化妝品行業(yè)十幾年,每個case設計都是那么的符合品牌風格(高端、大氣、上檔次),不過后來有一次做了一個公司邀請函類似的設計,上面涉及到幾個字的字體設計,那真的叫一個丑(小伙伴都驚呆了,這是你設計的么,你認真了么),難道此時要說這位同事設計水平很差嗎,不盡如此,她只是沒服務過這樣的設計,不擅長。一般情況下,國際高端品牌的設計都是不會出現(xiàn)字體設計的,它們更加崇尚極簡主義,是用買了版權的字體,直接傳達品牌的內(nèi)涵(BMW、EsteeLauder,LouisVuittonden、Mercedes-benz等,有興趣可以去看看)。那有人問了,這樣不用做字體設計的設計還是設計么,肯定的回答,當然是了,而且是很牛的設計。(承載品牌文化的傳播文案,富有意境的拍攝圖片,配合文案的產(chǎn)品意境攝影等等,哪一項都考驗著營銷設計團隊的點,有感覺的那個點,這里只可會意,不能言傳)。寫到這里,是不是有點跑題了,然而并沒有。

做字體設計的前提:設計師必須要視所服務品牌的情況而定(不是所有的品牌都合適),服務品牌的品牌文化沉淀了多少年。一般情況下,沒有做字體復雜設計的品牌都是有很多年的品牌傳承,而且是走在了時尚的前沿(上面舉了一些品牌)。像我們現(xiàn)在所處的互聯(lián)網(wǎng)時代,很多品牌如雨后春筍般的涌現(xiàn)出來(品牌沉淀時間遠不及很多實體品牌),需要通過一些變化多端的字體設計來迎合消費者(要求越來越高),從而衍生出很多風格差異化很大的設計傳播方式(賣萌耍賤、吐槽惡趣味、馬賽克……不勝枚舉)。這些風格更多的表現(xiàn)在公司運營上( 活動、企業(yè)文化周邊產(chǎn)品、微博大號、微信公眾號……),有了差異化的設計方式也就同步伴隨著產(chǎn)生了多元化的字體設計,多元化就需要涉及到多種方法和理論支持。

字體設計的精髓:精通結構,移花接木;組合外形,達到內(nèi)涵。很多初會門徑的設計師會感嘆:哇,他這個字體設計的好牛啊、這個變化的好有趣、好卡哇伊啊……(一波夸張的表情腦洞飄過~~),怎么樣在字體上移花接木,妝點它們,廢話不多說了,直接看下面的幾種方法(更加實用,比很多知識論壇里面的來的簡單,粗暴,直接)

 

第一式:移花替換 妙手回春

移花替換是根據(jù)文字的內(nèi)容意思,在統(tǒng)一形態(tài)的文字元素加入另類不同的圖形元素或文字元素。用某一形象替代字體的某個部分或某一筆畫,這些形象或寫實或夸張。將文字的局部替換,是文字的內(nèi)涵外露,在形象和感官上都增加了一定的藝術感染力。



 

第二式:移花共生 左右互搏

共生是文字圖形化設計中廣泛運用的形式。文字是一種視覺圖形,它們的線條有著強烈的構成性和關聯(lián)性,可以從單純的構成角度來看到文字與文字筆畫之間的異同,尋找筆畫之間的內(nèi)在聯(lián)系,找到他們可以共同利用的條件,把它們提取出來合并為一,運用到當前的字體設計中。



 

第三式:移花雙仙 橫細豎粗

雙仙說的是文字里面的橫和豎。選定好項目需要的字體后,把橫筆畫變成細長,豎筆畫相對應加粗,讓橫與豎形成粗細鮮明對比,彰顯設計風格。(為什么沒有橫粗豎細,大家可以自己嘗試一下看看,向平衡度和識別度方面考慮一下,作者曾經(jīng)因此被領導罵過,不提了,一個慘字了得)。



 

第四式:移花紛飛 藕斷絲連

藕斷絲連說的是字體設計中運用到的連筆。尋找一條適合需要設計的主題的公用筆畫(創(chuàng)建筆畫),制造字體間的連接,增強整體性。



 

第五式:移花如玉 熾熱如火

熾熱如火,一般指用在游戲里面的材質,構建最直接的筆畫,結合字意,通感傳達,精心打磨,細致深入,強帶入強感染。



 

無上絕招:移花接木 信手拈來

這是一種比較隨意的無上心法,到這個層次的字體設計師估計已經(jīng)盡淫各種字體設計大法(不限于上面概述的這幾種),獨孤求敗了??康氖鞘裁矗歉杏X,是對于行業(yè)與設計項目的那一種特有的感覺,很神秘,像一個久遠的遠古門派,帶著一種神秘面紗。



 

寫在最后的話:

字體設計的方法還有很多,移花接木只是其中之一(武俠告訴我們,天下武功到了一定境界,都會殊途同歸)。想要真正成為高手,必須不斷學習和開拓自己的眼界(總結為閱歷與審美層次)。當自己學會了一種方法,必須進行反復訓練(作者太笨,只能這么辦),才能形成質的飛躍。有時候“眼高手低”并非壞事,取長補短,不斷總結和思考,才是提高的關鍵。

重要性

做好字體設計,對于視覺設計師來講是一件特別有益的事情,主要有益于下面幾個方面:

1)面對市場運營活動的時候,主題的字體設計屬于活動界面的窗口,做好了主題字體設計等于活躍了畫面。

2)面對Banner類別的Graphic設計,主題的字體設計好壞直接會影響到畫面的結構,甚至好壞。


 

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2022/ mwtacok.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖