章玉宛

摘要：

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

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

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

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

（一）文字的可讀性

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

（二）文字位子的整體性

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

（三）視覺美感

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

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

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

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

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

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

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

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

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

圖 字體組合設(shè)計

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

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

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

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

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

三、結(jié)語

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

【參考文獻(xiàn)】

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

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

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

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