字體如何提升用戶體驗(yàn)

#用戶體驗(yàn)設(shè)計(jì)# 希望通過(guò)產(chǎn)品的可用性、易用性，提高用戶使用時(shí)的愉悅感，改善用戶與產(chǎn)品間的交互體驗(yàn)，從而增加用戶的滿意度和忠誠(chéng)度。

字體作為設(shè)計(jì)中的重要元素，細(xì)微之處潛移默化的影響著用戶對(duì)于產(chǎn)品的體驗(yàn)。選擇合適的字體，能夠使用戶獲得更良好的體驗(yàn)。

// 各行各業(yè)在關(guān)注用戶體驗(yàn)設(shè)計(jì)的時(shí)候，我們?cè)谙蛴脩魝鬟_(dá)什么樣的信息，而字體又在中間起到了什么樣的作用呢?//

? 不同的字體滿足不同的品牌調(diào)性

一款面膜包裝，選擇了夸張的書(shū)法字體，會(huì)讓人心生畏懼;

一款減肥產(chǎn)品，選擇了寬扁的字體，就不會(huì)產(chǎn)生纖瘦的欲望;

一款蛋糕甜品，選擇了粗曠的字體，用戶就沒(méi)有想吃的沖動(dòng);

……

品牌視覺(jué)的呈現(xiàn)直觀的體現(xiàn)了品牌的文化和價(jià)值觀。用戶在交互體驗(yàn)過(guò)程中， 通過(guò)每一個(gè)關(guān)鍵點(diǎn)都能夠感受到產(chǎn)品所傳達(dá)的品牌價(jià)值理念。

// 品牌化 不同的品牌背后有著不同的品牌價(jià)值觀，不同的字體也會(huì)散發(fā)出不同的氣質(zhì)，選擇與品牌相契合的字體，是傳達(dá)產(chǎn)品信息極其重要的一步。漢儀字庫(kù)目前已經(jīng)向市面上推出500余款字庫(kù)，每款字庫(kù)都有自己獨(dú)特的字體特征，針對(duì)不同的品牌訴求，選擇與品牌度契合高的字體，能夠更加高效的向客戶傳達(dá)品牌文化。

注：以下所有字體可以直接點(diǎn)擊名稱下載

? 舉例：漢儀鐵線黑

? 案例：GDC17平面設(shè)計(jì)在中國(guó)

作為GDC17的戰(zhàn)略性合作伙伴，這次項(xiàng)目的中文字體選擇了漢儀鐵線黑家族字體，設(shè)計(jì)師選取這款字體的初衷在于漢儀鐵線黑既有“規(guī)矩標(biāo)準(zhǔn)”的味道，又有手寫(xiě)的溫情親切，能夠表達(dá)出在技術(shù)引領(lǐng)不斷變革的時(shí)代下，設(shè)計(jì)對(duì)人性溫情的強(qiáng)調(diào)。

(GDC17 視覺(jué)系統(tǒng)設(shè)計(jì))

? 舉例：漢儀細(xì)中圓

? 案例：美麗說(shuō)

美麗說(shuō)是中國(guó)最大的銷(xiāo)售女性產(chǎn)品的電子商務(wù)網(wǎng)站。為了匹配女性的特征，設(shè)計(jì)師挑選了漢儀細(xì)中圓來(lái)塑造品牌形象。漢儀細(xì)中圓相比于傳統(tǒng)的黑體來(lái)說(shuō)，筆畫(huà)更加圓潤(rùn)、清秀、柔美，與整體的品牌訴求更加統(tǒng)一。

(美麗說(shuō)客戶終端)

// 情緒化 除了品牌系統(tǒng)用字之外，最常用到字體的就是品牌細(xì)分產(chǎn)品，同一個(gè)品牌會(huì)生產(chǎn)不同的產(chǎn)品，針對(duì)這些單一的產(chǎn)品線會(huì)進(jìn)行相應(yīng)的設(shè)計(jì)與推廣。在這個(gè)產(chǎn)品劃分越來(lái)越細(xì)，競(jìng)爭(zhēng)越來(lái)越激烈的時(shí)代，一款符合產(chǎn)品情緒的字體就顯得尤為重要。

? 舉例：漢儀尚巍手書(shū)

? 案例：肯德基新品 —— 握的大飯團(tuán)

漢儀尚巍手書(shū)無(wú)疑是今年出街率最高的書(shū)法字體，吶喊、夸張、吸睛的情緒在這款字體中體現(xiàn)的淋漓盡致。最近漢儀尚巍手書(shū)又得了肯德基爺爺?shù)那嗖A，出現(xiàn)在新品“握的大飯團(tuán)”宣傳推廣中，字體的性格很好的結(jié)合了產(chǎn)品，迎合了新產(chǎn)品定位人群的胃口。

(肯德基新品 - 握的大飯團(tuán))

? 舉例：漢儀小麥體

? 案例：吾皇萬(wàn)睡

大家熟知的動(dòng)漫形象吾皇和巴扎嘿，在形象宣傳以及動(dòng)漫產(chǎn)品中使用了漢儀小麥體，這款字體輕松可愛(ài)的手寫(xiě)風(fēng)格貼合了漫畫(huà)詼諧的情緒，而不會(huì)因?yàn)樽煮w的生硬影響讀者的體驗(yàn)。

(插畫(huà)師：白茶)

? 字體技術(shù)的發(fā)展改善用戶體驗(yàn)

// FullType 小字庫(kù)技術(shù)

等一下，還沒(méi)有加載出來(lái)....

等一下，字體文件有些大....

等一下，還是沒(méi)有打開(kāi).......

你的用戶在體驗(yàn)產(chǎn)品時(shí)有沒(méi)有遇到以上問(wèn)題呢?

交互設(shè)計(jì)是體驗(yàn)設(shè)計(jì)一個(gè)重要分支，隨著互聯(lián)網(wǎng)、電商、通訊、現(xiàn)代化醫(yī)療、線上教育、互動(dòng)娛樂(lè)、智能硬件等高科技產(chǎn)品的發(fā)展，字體的載體已不僅僅是傳統(tǒng)印刷等技術(shù)來(lái)呈現(xiàn)，更多的是依賴互聯(lián)網(wǎng)、軟件、智能硬件等工具為載體來(lái)呈現(xiàn)。

字庫(kù)產(chǎn)品有不同的字符集，我們最常用的中文簡(jiǎn)繁就將近上萬(wàn)個(gè)漢字，將這些字體打包成字庫(kù)后，較大的內(nèi)存會(huì)影響智能終端的運(yùn)行。漢儀字庫(kù)FullType是一種小字庫(kù)技術(shù)，能將標(biāo)準(zhǔn)的字庫(kù)文件大小降低到之前的10%以下，同時(shí)解決了多筆畫(huà)漢字在顯示時(shí)黏連不清的難題，目前已有多款產(chǎn)品運(yùn)用了此項(xiàng)技術(shù)。

? 用戶：網(wǎng)易新聞、QQ閱讀、掌閱、黃油相機(jī)等

? 案例：手機(jī)QQ

(手機(jī)QQ個(gè)性裝扮字體商城)

// WebFont云字庫(kù)技術(shù)

擔(dān)心用戶搜索不到產(chǎn)品?

擔(dān)心高頻生成或修改圖片拉低工作效率?

擔(dān)心像素改變影響字體清晰度?

……

現(xiàn)在這些問(wèn)題全部都可以通過(guò)WebFont云字庫(kù)技術(shù)得到改善

WebFont(云字庫(kù)) 是通過(guò)網(wǎng)頁(yè)中在線引用字體而無(wú)需在瀏覽者本地安裝字體文件，通過(guò)調(diào)用云端服務(wù)器存儲(chǔ)的字體，直接顯示不同字體效果的一種遠(yuǎn)程字體調(diào)用方法。

? 用戶：車(chē)和家、微店、京東電商平臺(tái)

? 案例：車(chē)和家官方網(wǎng)站

(車(chē)和家品牌官方網(wǎng)站)

? 字體升級(jí)用戶品牌體驗(yàn)

無(wú)論是產(chǎn)品還是廣告，最終目的都是為了服務(wù)品牌。品牌的概念大到可以理解為戰(zhàn)略發(fā)展理念，小到可以認(rèn)知為一個(gè)簡(jiǎn)單的字體符號(hào)。

而打動(dòng)人心的品牌，需要具備怎樣的字體品質(zhì)?

// 品牌信息的統(tǒng)一化與規(guī)范化

品牌信息傳達(dá)最重要的環(huán)節(jié)就是邏輯關(guān)系的表達(dá)，這時(shí)就會(huì)有大標(biāo)題、小標(biāo)題和正文的區(qū)分。而在同一個(gè)設(shè)計(jì)情景下，一般不建議選用多種字體進(jìn)行表達(dá)，在這種情況下，家族字體就是最優(yōu)的選擇，既能清晰的表達(dá)出信息的層次，又不會(huì)將用戶的注意力分散到字體本身上。

在產(chǎn)品發(fā)展日趨平穩(wěn)，產(chǎn)品定位和品牌形象需要穩(wěn)定的時(shí)候，參與設(shè)計(jì)的人越來(lái)越多，就需要品牌更加規(guī)范化。規(guī)范化用字也正是家族字體的優(yōu)勢(shì)之一。

? 舉例：漢儀潤(rùn)圓家族字體

? 案例：有禮有節(jié)

有禮有節(jié)?是一個(gè)取意東方禮節(jié)文化的風(fēng)雅品牌，致力于傳統(tǒng)美學(xué)經(jīng)典的再創(chuàng)造。有禮有節(jié)品牌產(chǎn)品選擇了漢儀潤(rùn)圓來(lái)表現(xiàn)產(chǎn)品信息。漢儀潤(rùn)圓基于宋體結(jié)構(gòu)基礎(chǔ)，在筆畫(huà)中植入了圓體的特征，是一款穩(wěn)重大氣優(yōu)雅的家族字體，更能貼合新中式產(chǎn)品的氣質(zhì)，很契合有禮有節(jié)產(chǎn)品的調(diào)性。

(有禮有節(jié)產(chǎn)品信息)

// 如何讓你的品牌更具有差異化?

“潮流瞬息萬(wàn)變，只有風(fēng)格永存”

產(chǎn)品打造自己的品牌，需要提煉品牌精神，在視覺(jué)上去盡可能的展現(xiàn)品牌內(nèi)在精神，而字體則是品牌呈現(xiàn)中很重要的一部分，字體不同的字形，能夠呈現(xiàn)出不同的性格，匹配不同的品牌。

? 舉例：定制字體 —— 漢儀文黑

? 案例：斯柯達(dá)

上汽斯柯達(dá)汽車(chē)苛求品牌品質(zhì)，與漢儀字庫(kù)合作定制了品牌字體。后期，我們將這款字體升級(jí)為家族字體 —— 漢儀文黑，以提供給用戶使用。

(斯柯達(dá)汽車(chē)品牌用字)

? 舉例：定制字體 —— 阿麗達(dá)黑體

? 案例：愛(ài)茉莉太平洋集團(tuán)

韓國(guó)愛(ài)茉莉太平洋集團(tuán)是全球暢銷(xiāo)的化妝品公司，旗下?lián)碛斜姸嗷瘖y品品牌，有大家熟知的Sulwhasoo雪花秀、Laneige蘭芝、Innisfree悅詩(shī)風(fēng)吟、EtudeHouse伊蒂之屋等等，愛(ài)茉莉致力于美麗與健康的領(lǐng)域，近幾年在中國(guó)市場(chǎng)也大受歡迎，為了更好的服務(wù)于用戶，愛(ài)茉莉集團(tuán)與漢儀字庫(kù)合作定制了品牌字體 —— 阿麗達(dá)黑體。

(愛(ài)茉莉太平洋集團(tuán)品牌字體模擬應(yīng)用)

用戶體驗(yàn)設(shè)計(jì)，以“用戶”為中心，致力于更加有用、易用以及更加滿足用戶情感的體驗(yàn)，而這種體驗(yàn)來(lái)自于用戶與產(chǎn)品接觸的整個(gè)過(guò)程，字體貫穿于品牌始終，選擇合適的字體類(lèi)型與技術(shù)，能夠加深用戶的印象，提高信息傳達(dá)的效率，從而提升用戶的體驗(yàn)。