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

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

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

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

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

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

1.工作主頁(yè)上的插圖

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

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

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

2.吉祥物

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

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

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

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

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

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

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

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

4.插圖為獎(jiǎng)勵(lì)屏幕

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

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

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

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

結(jié)論

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

當(dāng)前標(biāo)題：在UI設(shè)計(jì)中使用插圖的4種智能方式
瀏覽路徑：http://chinadenli.net/news1/48201.html

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

廣告

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