淺析UI設(shè)計(jì)中字體設(shè)計(jì)

章玉宛

摘要：

文字是人類(lèi)表達(dá)情感最好的體現(xiàn)，在UI設(shè)計(jì)中文字的美感對(duì)UI設(shè)計(jì)的成功與否有著很大的關(guān)系，文章主要就UI設(shè)計(jì)中的文字設(shè)計(jì)展開(kāi)分析。

關(guān)鍵詞：UI；界面設(shè)計(jì)；字體設(shè)計(jì)

文字是人類(lèi)生活表達(dá)的一種方式，也是人們表達(dá)情感的一種直接體現(xiàn)。事實(shí)上，無(wú)論在那種視覺(jué)媒體中，文字和圖片是最好的傳達(dá)媒介。在設(shè)計(jì)的過(guò)程中，文字排列組合的好壞直接關(guān)系到所表達(dá)的視覺(jué)效果，因此在UI設(shè)計(jì)中，文字的字體設(shè)計(jì)占據(jù)很大的比重，它能夠賦予設(shè)計(jì)的美感，提高設(shè)計(jì)作品的傳達(dá)力，是版面審美價(jià)值的一種體現(xiàn)。

一、UI設(shè)計(jì)中的文字意義

（一）文字的可讀性

文字最基本的功能是向大眾傳播各種信息與情感，所以在UI設(shè)計(jì)中，文字的最基本功能必須保證整體信息的傳達(dá)，給大眾一種清晰的認(rèn)知。在設(shè)計(jì)中，文字要適當(dāng)?shù)暮?jiǎn)單易懂，避免過(guò)于文字過(guò)于凌亂，忘記文字的基本功能，當(dāng)然以最精煉的文字傳達(dá)作者的設(shè)計(jì)意圖是需要考慮的。

（二）文字位子的整體性

文字的布局應(yīng)該考慮到整體效果，也就是不能夠讓視覺(jué)感受到文字布局的沖突，這樣會(huì)感覺(jué)不到畫(huà)面布局的主次感。好的文字整體布局可以使設(shè)計(jì)作品在含義與氣氛上達(dá)到和諧境界，事實(shí)上人都有著一種自然審美的觀念，這是一個(gè)較為微妙的感覺(jué)，需要仔細(xì)的去體會(huì)。電腦在這方面所能幫到你的很少，有時(shí)還需要自己去注意細(xì)節(jié)。

（三）視覺(jué)美感

文字最為畫(huà)面?zhèn)鞲械囊刂?，是視覺(jué)情感傳播的主要媒介，因此它必須有著強(qiáng)烈的美感，，這樣在能夠人們感受到美。字型設(shè)計(jì)、字體的組合都能夠讓大眾感受到愉悅，在心底留下美好的印象。如果文字不能夠產(chǎn)生視覺(jué)美感，難以讓大眾在心理接受，甚至都對(duì)其不屑一顧，作者也就無(wú)法向他們傳達(dá)自己的意圖構(gòu)想。

（四）文字設(shè)計(jì)的創(chuàng)造性

在進(jìn)行UI作品設(shè)計(jì)時(shí)，需要保證作品的主體個(gè)性突出，這可以在文字的設(shè)計(jì)上有所突破，突出文字的個(gè)性化色彩，創(chuàng)造獨(dú)特的字體，這樣給予大眾一種別開(kāi)生面的感覺(jué)，對(duì)作者所展現(xiàn)的意圖會(huì)有很大的幫助。在設(shè)計(jì)時(shí)，可以根據(jù)字體的形態(tài)特征在組合上進(jìn)行探索，實(shí)現(xiàn)個(gè)性化的文體設(shè)計(jì)，從文字形象喚起大眾心中的愉悅感受。

二、字體圖形化設(shè)計(jì)

對(duì)于快速發(fā)展的互聯(lián)網(wǎng)而言，單純的文字美感設(shè)計(jì)是無(wú)法應(yīng)對(duì)用戶(hù)們的審美需求的，因此在單調(diào)的字體設(shè)計(jì)需要得到突破。字體圖形化就是一種很好的突破化設(shè)計(jì)思路，更加能夠滿(mǎn)足電腦用戶(hù)對(duì)個(gè)性化審美的需求。字體的圖形化設(shè)計(jì)能夠營(yíng)造良好的頁(yè)面范圍，更好的傳遞設(shè)計(jì)意圖。例如在進(jìn)行頁(yè)面設(shè)計(jì)時(shí)，我們需要對(duì)標(biāo)題文案，包括整個(gè)活動(dòng)的專(zhuān)題商業(yè)需求都要經(jīng)過(guò)特殊的設(shè)計(jì)處理，這樣才能夠保證與內(nèi)容文案形成對(duì)比性，能夠吸引用戶(hù)的眼球，幫助用戶(hù)充分的了解頁(yè)面信息。

（一）字體的變形設(shè)計(jì)

字體的變形常被運(yùn)用到UI字體的設(shè)計(jì)中，它是在電腦字體的基本形態(tài)上做出稍微的變形，這樣使得整體畫(huà)面的線(xiàn)條顯得更加圓滑，也是字體字型變得更有活力，當(dāng)然這種變形調(diào)整需要依照具體的情況進(jìn)行操作。當(dāng)然字體的設(shè)計(jì)最終目的是讓用戶(hù)能夠快速的獲取信息，過(guò)于的字體變形會(huì)讓字體變得模糊，使設(shè)計(jì)舍本求末，失去原有的意義。

（二）字體的組合設(shè)計(jì)

我們應(yīng)該明白，字體不會(huì)是孤立存在的，這不僅是字體的來(lái)源可以追溯到圖像，也就是說(shuō)文字的本身來(lái)源是人類(lèi)生活情感的象形。在某種程度上來(lái)講，文字來(lái)源于圖形，因此圖形與文字是同源的，只是文字更加抽象。

圖 字體組合設(shè)計(jì)

例如上圖，字體與圖片的相互相互融合，就能夠更加清晰的理解和傳達(dá)設(shè)計(jì)信息內(nèi)容，并且取得良好的效果，在設(shè)計(jì)的時(shí)候需考慮與周?chē)钠渌?yè)面元素的協(xié)調(diào)一致，強(qiáng)化頁(yè)面的整體氛圍的營(yíng)造。需要把握它們之間的融合點(diǎn)，使其更加和諧。

（三） 3D字體設(shè)計(jì)

人們生活在三維的立體生活中，對(duì)空間的感覺(jué)很為情切，因此在平面中營(yíng)造一種具有空間感與層次感的字體設(shè)計(jì)，可能會(huì)讓用戶(hù)覺(jué)得更加真實(shí)，更加有沖擊力。3D設(shè)計(jì)需要借助相關(guān)的電腦工具來(lái)完成，不管是3D軟件輔助設(shè)計(jì)還是PS/AI，都能夠使文字根據(jù)光感實(shí)現(xiàn)層次空間的變化。

（四）字體顏色大小設(shè)計(jì)

文字的顏色要同圖像的顏色保持一致并注意色彩搭配的和諧。一個(gè)站點(diǎn)通常只使用一到兩種標(biāo)準(zhǔn)色，為了保持顏色上的一致性，標(biāo)準(zhǔn)色一致或相近。比如，站點(diǎn)的主題色彩如果為紅色，可能就需要將鏈接的色彩也改為紅色。

三、結(jié)語(yǔ)

在UI界面設(shè)計(jì)中，不單單是需要美術(shù)繪畫(huà)，同樣需要根據(jù)設(shè)計(jì)所要表達(dá)的意義對(duì)字體、字型的設(shè)計(jì)做出藝術(shù)性設(shè)計(jì)。判定一個(gè)界面設(shè)計(jì)的美感不是單純的項(xiàng)目領(lǐng)導(dǎo)的肯定就可以了，而是應(yīng)該以用戶(hù)對(duì)于界面設(shè)計(jì)的滿(mǎn)意度作為評(píng)價(jià)界面設(shè)計(jì)是否完美的標(biāo)準(zhǔn)，這需要最終用戶(hù)對(duì)設(shè)計(jì)的感受，所以只有在設(shè)計(jì)中不斷的與用戶(hù)的視覺(jué)體驗(yàn)相連，才能夠保證設(shè)計(jì)的完美。

【參考文獻(xiàn)】

[1]郭麗莉，王文彬，費(fèi)英.現(xiàn)代平面設(shè)計(jì)領(lǐng)域中文字的探究[J].商業(yè)文化（下半月），2011（02）

[2]李卉.圖形化文字在信息傳達(dá)中的應(yīng)用[J].運(yùn)城學(xué)院學(xué)報(bào)，2010（05）

[3]王曉丹.以人為本 創(chuàng)新感受——淺談網(wǎng)頁(yè)設(shè)計(jì)中UI設(shè)計(jì)的用戶(hù)體驗(yàn)[J].中國(guó)藝術(shù)，2012（01）

[4]南長(zhǎng)全.圖像·圖形·文字——從視覺(jué)傳達(dá)設(shè)計(jì)角度的內(nèi)涵思考[J].科技信息，2011（17）