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

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

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

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

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

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

1.工作主頁上的插圖

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

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

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

2.吉祥物

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

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

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

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

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

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

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

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

4.插圖為獎勵屏幕

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

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

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

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

結(jié)論

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

當前標題：在UI設(shè)計中使用插圖的4種智能方式
瀏覽路徑：http://www.rwnh.cn/news1/48201.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、Google、網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、軟件開發(fā)、微信公眾號

廣告

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