俗話說，一幅畫勝過千言萬語。人類是高度視覺的生物，能夠處理視覺信息，幾乎是我們所感知到的所有信息的百分之九十，并傳送到我們的大腦是視覺的。一個單一的圖像可以向觀察者傳遞更多的信息，而不是一個復(fù)雜的文本。此外，在很多情況下，一個相當(dāng)復(fù)雜的想法可以很容易地用一個靜止的圖像來表達(dá)。這是因?yàn)槿祟惔竽X能夠識別和理解圖像的速度比文本復(fù)制快。

長期以來，照片一直是良好界面的伙伴，但最近有可能注意到使用插圖的興趣增加了。這是有原因的:插圖讓設(shè)計(jì)師有更多的自由來創(chuàng)作，更多的是對圖像選擇的控制，包括內(nèi)容和技術(shù)細(xì)節(jié)。

在本文中，我們將定義“說明”在用戶界面設(shè)計(jì)中的含義，以及如何使用它來改善用戶體驗(yàn)。

數(shù)字插畫的本質(zhì)

歷史上，動詞“舉例說明”用來表示“澄清”。在現(xiàn)代平面設(shè)計(jì)中，插圖成為一個工作的功能元素。插圖成為交流的工具。插圖的目的是啟發(fā)，闡明，以視覺元素傳遞信息。語言可以告訴你一些事情;插圖可以給你展示一些東西。為了使插畫功能，圖像應(yīng)該易于識別，而且它傳輸?shù)男畔⒁矐?yīng)該被不同的觀眾以同樣的方式解碼。

這里有一些例子插圖設(shè)計(jì)和用戶能夠帶來價值…

1.工作主頁上的插圖

好的網(wǎng)頁設(shè)計(jì)對潛在客戶有很大的影響。人們根據(jù)網(wǎng)站的質(zhì)量來判斷一個公司，不管這是否公平。用戶感知才是真正重要的。因此，設(shè)計(jì)師們不斷嘗試尋找新的方法來提高游客的體驗(yàn)。就像在現(xiàn)實(shí)世界中，第一印象嚴(yán)重依賴于視覺效果。這就是插圖進(jìn)入場景的地方。

主頁插畫可以為整個網(wǎng)站創(chuàng)造更有藝術(shù)性的感覺。他們呼吁用戶的想象力與用戶建立更緊密的個人聯(lián)系。使用獨(dú)特的定制插畫可以將你與人群區(qū)分開來，并創(chuàng)造出更好的品牌召回。

插圖幫助Intercom與用戶建立一個非常私人的聯(lián)系。

2.吉祥物

吉祥物是那些能讓你的產(chǎn)品更真實(shí)、更可靠、更吸引人的小角色。吉祥物在用戶與app /網(wǎng)站之間建立了聯(lián)系:他們將生活帶入互動過程，讓用戶保持注意力，成為用戶體驗(yàn)中令人難忘的元素。這是讓人們訂婚的好方法。

關(guān)于吉祥物如何幫助改善用戶體驗(yàn)的最流行的例子可能是電子郵件通訊服務(wù)Mailchimp。弗萊迪是Mailchimp的友好的chimp，在每一頁上都出現(xiàn)了不同的角色，要么把注意力吸引到某個元素上，要么為了讓用戶感覺更好，而去開一個玩笑。

優(yōu)秀的吉祥物為積極的用戶體驗(yàn)提供了堅(jiān)實(shí)的基礎(chǔ)

3.項(xiàng)目關(guān)于Onboarding和教程的插圖

插圖提供視覺輔助。他們能夠通過將概念分解成容易理解的視覺效果來闡明信息。圖片比文字更有說服力，而且讓體驗(yàn)更快。這就是為什么插圖如此受歡迎的原因。

Onboarding屏幕向用戶介紹應(yīng)用程序的關(guān)鍵特性或好處。在onboarding中使用的插圖提供了上下文，增加了清晰度，或者引導(dǎo)用戶進(jìn)入下一步。當(dāng)結(jié)合一個最小的接口時，插圖可以真正幫助傳遞關(guān)鍵信息而不需要太多副本。

一個迷人的交互式的onboarding在最初的步驟中自動調(diào)用用戶對應(yīng)用程序的興趣。它讓用戶感到快樂，并且渴望開始使用這個應(yīng)用程序。動畫和插圖總是手拉手的。

使用說明，你可以將一個長而枯燥的教程轉(zhuǎn)換成有趣而快樂的體驗(yàn)。與冗長的解釋相比，使用圖像的操作手冊更容易理解。即使應(yīng)用程序/網(wǎng)站在整個過程中不包含繪制風(fēng)格，也可以使用動畫來指導(dǎo)和指導(dǎo)。

4.插圖為獎勵屏幕

我們都熟悉視頻游戲的有益經(jīng)驗(yàn):幾乎每個電子游戲都有一系列的成就或獎杯，這些都是通過完成一套標(biāo)準(zhǔn)而獲得的。“成就解鎖”這個短語幾乎已經(jīng)成為進(jìn)展或成功完成的同義詞。但為什么獎勵對我們?nèi)绱擞袃r值呢?答案很簡單:它使界面體驗(yàn)感覺就像在另一端有一個人，而不是一臺計(jì)算機(jī)。

獎勵是一種真正的情感互動:積極的情感刺激建立了與用戶的接觸感。當(dāng)你用積極的情緒獎勵他們時，人們會原諒這款應(yīng)用的缺點(diǎn)。

Foursquare上的市長徽章。這種插圖創(chuàng)造了喜悅和愉悅的體驗(yàn)

成功狀態(tài)是一個展示你關(guān)心你的用戶的好地方。當(dāng)用戶完成個人目標(biāo)時，獎勵他們一個動畫。例如，當(dāng)用戶到達(dá)收件箱為0時，使用動畫創(chuàng)建更深入的應(yīng)用程序功能。

結(jié)論

插圖是增強(qiáng)用戶體驗(yàn)和使界面既美觀又高效的一個強(qiáng)大而重要的工具。雖然在你的設(shè)計(jì)中沒有使用插圖的硬性規(guī)定，但重要的是要記住一件事:保持插圖有用。最后，任何插圖都應(yīng)該對你的產(chǎn)品或品牌有更深的了解。

網(wǎng)頁題目：在UI設(shè)計(jì)中使用插圖的4種智能方式
分享鏈接：http://jinyejixie.com/news/48201.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、Google、網(wǎng)站排名、營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)