字體設(shè)計(jì)在界面設(shè)計(jì)中的應(yīng)用

摘要：在界面設(shè)計(jì)中字體是非常重要的構(gòu)成元素之一，在設(shè)計(jì)中起著重要的作用。字體通過(guò)外在的表現(xiàn)形式直觀(guān)的表達(dá)，輔助信息的傳遞。同時(shí)，字體通過(guò)設(shè)計(jì)者對(duì)其進(jìn)行設(shè)計(jì)，編輯和排版表現(xiàn)其獨(dú)有的藝術(shù)魅力，形成有效的視覺(jué)語(yǔ)言。輔助視覺(jué)元素表達(dá)了設(shè)計(jì)作品的主題并傳達(dá)設(shè)計(jì)理念。

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

文字是信息內(nèi)容的載體。它是思想記錄，思想交流和語(yǔ)言承載的圖像或者符號(hào)。而字體是文字的外部形式特征和文字的視覺(jué)形象的體現(xiàn)。適當(dāng)?shù)淖煮w可以幫助用戶(hù)清晰、準(zhǔn)確地理解文本信息。用戶(hù)在讀懂文字信息之前首先感受到的是文字字體帶來(lái)的視覺(jué)感受及其表達(dá)的情感。不同的字體有著不同的風(fēng)格和特點(diǎn)：一些線(xiàn)條流暢，清新優(yōu)美；一些規(guī)整方正，富有張力；另一些活潑多彩，色調(diào)明快。在界面設(shè)計(jì)中，無(wú)論是APP界面、H5界面、啟動(dòng)頁(yè)還是調(diào)轉(zhuǎn)頁(yè)都需要文字服務(wù)于其中的設(shè)計(jì)工作。文字，以其多變的外形和豐富的內(nèi)涵幫助界面實(shí)現(xiàn)藝術(shù)性和實(shí)用性是統(tǒng)一。

我們?cè)诮缑嬖O(shè)計(jì)中使用字體的時(shí)候應(yīng)靈活，讓文字的可讀性更高，首先在設(shè)計(jì)時(shí)就要注意易辨性。我們?cè)谟^(guān)看界面時(shí)，文字與文字之間，字母與字母之間，數(shù)字與數(shù)字之間細(xì)節(jié)的設(shè)計(jì)都會(huì)影響閱讀的觀(guān)感。

不是所有的字體都適合應(yīng)用在界面設(shè)計(jì)中。在設(shè)計(jì)過(guò)程中，字體的大小比例對(duì)文字的可讀性有著重要的影響。在許多字體中有許多空間，這些空間被稱(chēng)為字腔。字腔的空間對(duì)界面文字的分辨同樣有著重要的影響。而字體的粗細(xì)在界面設(shè)計(jì)中也影響著使用者的辨識(shí)率。還有就是字體的長(zhǎng)寬比例，適當(dāng)?shù)拈L(zhǎng)寬比例有更好的可讀性。也許第一眼的差別很微小，但是字間距的差別也影響著文字的可讀性。沒(méi)有一個(gè)有效的方法來(lái)計(jì)算文字之間的距離，但是大多數(shù)時(shí)候越大的文字之間的間距會(huì)越小。所以在界面設(shè)計(jì)中，特別是標(biāo)題部分，字間距需要手動(dòng)調(diào)整。

在整體閱讀時(shí)，使用者在掃視標(biāo)題、副標(biāo)題、段落、分塊以及文字排版時(shí)能夠更容易的讀取信息。這樣的宏觀(guān)排版會(huì)使文字更具有吸引力，也讓人能夠容易閱讀。利用文字的對(duì)比、大小、構(gòu)圖、顏色以及細(xì)節(jié)，給使用者提供更好的閱讀體驗(yàn)。襯線(xiàn)字與非襯線(xiàn)字相比，襯線(xiàn)字更易于辨識(shí)。在傳統(tǒng)印刷中，襯線(xiàn)字能夠更好的讓觀(guān)者的視線(xiàn)集中在閱讀內(nèi)容上。但是現(xiàn)在在網(wǎng)頁(yè)和手機(jī)上，觀(guān)者在閱讀習(xí)慣上與傳統(tǒng)讀物有了很大的區(qū)別，人們更喜歡簡(jiǎn)單無(wú)裝飾的字體。熒幕顯示器呈現(xiàn)的更多是非襯線(xiàn)字體。當(dāng)然，對(duì)于文字的設(shè)計(jì)都取決于所要設(shè)計(jì)的項(xiàng)目?jī)?nèi)容。例如行高，一般來(lái)說(shuō)，建議使用黃金比例，將文字的大小乘以1.618，基本可以得到較為合適的行高。當(dāng)然，這個(gè)規(guī)格也不是一本萬(wàn)利，在必要的時(shí)候設(shè)計(jì)者可以隨時(shí)打破這個(gè)規(guī)格，細(xì)小的變化，都會(huì)大大影響觀(guān)者的可讀性。

文字分塊的寬度大小，對(duì)觀(guān)者的閱讀習(xí)慣也有著重要的影響。過(guò)寬的文字分塊會(huì)影響觀(guān)者的閱讀位置，而過(guò)窄的分塊會(huì)使觀(guān)者的視覺(jué)從一條線(xiàn)調(diào)到另一條線(xiàn)，打斷觀(guān)者的閱讀節(jié)奏。一般來(lái)說(shuō)，每行文字長(zhǎng)度在五十至七十五個(gè)字符，能夠激勵(lì)觀(guān)者持續(xù)閱讀。在對(duì)文字進(jìn)行排版時(shí)，無(wú)論是紙質(zhì)出版物還是電子讀物留白空間，都是為了減少觀(guān)者一次性看到過(guò)多的文字。在界面設(shè)計(jì)中，留白空間的版面布局更容易讓觀(guān)者快速瀏覽，而不會(huì)讓其感覺(jué)內(nèi)容負(fù)擔(dān)過(guò)重。留白空間使觀(guān)者的眼睛瀏覽在規(guī)則、精致及優(yōu)雅的布局中。還有就是利用分隔器將內(nèi)容分為幾個(gè)部分，目前最為流行的就是簡(jiǎn)單的一條線(xiàn)，這種細(xì)微的方法可以大大提高文字的可讀性。在內(nèi)容不相關(guān)的情況下，特別是在手機(jī)屏幕使用時(shí)，使用卡片式設(shè)計(jì)將文字進(jìn)行分割也是非常流行的一種方法，而且方便掃視布局。

在界面設(shè)計(jì)中，統(tǒng)一的字體樣式有助于界面創(chuàng)建完整的視覺(jué)效果，使布局更加簡(jiǎn)潔有力，風(fēng)格更加獨(dú)特，視覺(jué)感染力更強(qiáng)，同時(shí)一套整體的字體也可以幫助作品的主題更加突出地展示。在設(shè)計(jì)過(guò)程中，設(shè)計(jì)者可以有意識(shí)地以統(tǒng)一的形式顯示字體的風(fēng)格，在統(tǒng)一的形式下對(duì)字體的形態(tài)進(jìn)行設(shè)計(jì)，這種方式不僅能夠使設(shè)計(jì)作品具有統(tǒng)一飽滿(mǎn)的分格，也能夠給使用者留下深刻的印象。

在界面設(shè)計(jì)中，使用一定動(dòng)態(tài)的字體設(shè)計(jì)，可以使界面更具活力和動(dòng)感。特別是當(dāng)我們使用黑體等更常見(jiàn)的字體時(shí)，向整體添加一定的方向感可以增強(qiáng)界面的動(dòng)態(tài)效果，同時(shí)可以更清晰引導(dǎo)用戶(hù)的視覺(jué)方向。當(dāng)界面中的所有字體朝向同一方向時(shí)，它將為用戶(hù)帶來(lái)視覺(jué)引導(dǎo)效果，同時(shí)也為界面帶來(lái)整體視覺(jué)傾向。當(dāng)界面中的字體排版以統(tǒng)一的傾斜角度出現(xiàn)時(shí)，字體動(dòng)態(tài)感會(huì)更加明顯。這種形式在動(dòng)態(tài)類(lèi)的界面設(shè)計(jì)中比較常見(jiàn)。而且在一定程度上為界面設(shè)計(jì)帶來(lái)了視覺(jué)吸引力。

在界面設(shè)計(jì)中，設(shè)計(jì)者也可以將字體視作為界面設(shè)計(jì)中的視覺(jué)元素，與圖形、圖標(biāo)和顏色一樣都是構(gòu)成界面的可視元素。因此，字體不僅可以在界面中起到解釋和引導(dǎo)的作用，還可以起到平衡界面布局的作用。不同大小和粗細(xì)的字體如果變化過(guò)多會(huì)使界面變得雜亂，讓用戶(hù)失去視覺(jué)重心。根據(jù)一定的規(guī)則標(biāo)準(zhǔn)設(shè)計(jì)字體，可以使界面的平衡感增強(qiáng)，視覺(jué)上更加整體，同時(shí)也在一定程度上提高了中文文本的易讀性。

色彩對(duì)于任何設(shè)計(jì)學(xué)科來(lái)說(shuō)都是非常重要的。我們都知道，不同的色彩給予人不同的心理感受。在界面設(shè)計(jì)中，色彩很大程度上影響著界面給人的第一印象。同樣，在界面中文字的色彩也關(guān)系到界面整體的效果。在設(shè)計(jì)字體色彩上，盡量保持統(tǒng)一或者簡(jiǎn)單的樣式。在字體色彩上可以選擇與界面圖形元素相同或相似的顏色，這樣可以使整體界面風(fēng)格統(tǒng)一，字體不會(huì)顯得過(guò)于突兀。也可以根據(jù)需要選擇與界面背景對(duì)比強(qiáng)烈的色彩來(lái)凸顯字體。這種設(shè)計(jì)會(huì)使界面更具有視覺(jué)沖擊力。

在界面設(shè)計(jì)中，對(duì)于字體的設(shè)計(jì)不僅是對(duì)字體本身的形態(tài)，色彩進(jìn)行設(shè)計(jì)，同時(shí)也要從整體出發(fā)，根據(jù)界面的要求對(duì)文字進(jìn)行排版編輯，通過(guò)設(shè)計(jì)表達(dá)產(chǎn)品的理念，以此來(lái)塑造品牌形象。

參考文獻(xiàn)：

[1]成卓，淺析多媒體界面中的字體設(shè)計(jì)與編排[J]，石家莊：石家莊職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2014

[2]金云，方興，王雅溪，手機(jī)界面文字設(shè)計(jì)的分析方法研究——以智能手機(jī)網(wǎng)絡(luò)為中心[J]，武漢：設(shè)計(jì)藝術(shù)研究，2016

[3] 邱小云，淺談UI設(shè)計(jì)中的字體選擇和設(shè)計(jì)[J]，廣州：贏未來(lái)， 2017

作者簡(jiǎn)介：

魏娜（1980.08～），女，單位：新疆科技職業(yè)技術(shù)學(xué)院。