建站心得


利用插圖UI設(shè)計(jì)改善你的網(wǎng)站和移動(dòng)用戶(hù)體驗(yàn)


一幅畫(huà)勝過(guò)千言萬(wàn)語(yǔ),我們是視覺(jué)生物,如果信息與一些圖片或照片相伴,我們就能更好地感知信息。最復(fù)雜的思想可以用一個(gè)圖像來(lái)表達(dá),這就是說(shuō)明圖的主要力量。

明智的UI設(shè)計(jì)師知道,巧妙地使用插圖可以使應(yīng)用程序或網(wǎng)站的整體可用性提高一倍。親愛(ài)的UI設(shè)計(jì)戰(zhàn)士們,你想從插畫(huà)設(shè)計(jì)的新鮮理念中獲得靈感嗎?在本文中,我們將揭示在您的移動(dòng)應(yīng)用程序或網(wǎng)站的用戶(hù)界面設(shè)計(jì)中應(yīng)用數(shù)字插圖的六大原因。

1、插圖使UI充滿(mǎn)了所需的信息

想象一下,您需要描述和解釋產(chǎn)品的一個(gè)復(fù)雜概念。當(dāng)然你可以嘗試用文字,應(yīng)用程序內(nèi)的標(biāo)志等等。比如:愿風(fēng)永遠(yuǎn)吹在你的身后,陽(yáng)光永遠(yuǎn)照在你的臉上……如果你試圖解釋它的概念,那么它真的很復(fù)雜,只有風(fēng)才能拯救你。

或者你可以試著用一個(gè)簡(jiǎn)單的例子來(lái)解釋世界上最難的事情,用一張圖片就可以講述整個(gè)故事。我們應(yīng)該承認(rèn),如果只用文字來(lái)解釋?zhuān)畔⒕筒粫?huì)那么明亮和充滿(mǎn)信息。

夏目漱石為谷歌所作的插圖

夏目漱石為谷歌所作的插圖

2、插圖增添了一點(diǎn)風(fēng)格和藝術(shù)的和諧

插圖的作用比你想象的要大,這不僅是溝通信息的方式,也是用獨(dú)特的風(fēng)格來(lái)區(qū)分你的品牌。它可以揭示你的性格和心情的業(yè)務(wù)。

許多公司創(chuàng)造了一個(gè)所謂的英雄,它傳達(dá)了公司的理念、特點(diǎn)和目標(biāo),一切都在一個(gè)單一的形象中。他們?cè)诓┛臀恼?、評(píng)論和登陸頁(yè)面中使用這個(gè)角色的插圖。想要與眾不同嗎?這樣,一個(gè)英雄就能成為你事業(yè)的好代言人。

插圖為谷歌玩游戲

插圖為谷歌玩游戲

3、插圖能激發(fā)用戶(hù)的興趣

插圖是影響用戶(hù)決策的一個(gè)非常強(qiáng)大的工具,插圖中所傳達(dá)的幽默構(gòu)成了它的重要部分。這種形象可以激勵(lì)人們采取某些行動(dòng)。想象一下,當(dāng)您的圖像觸發(fā)客戶(hù)執(zhí)行“添加到購(gòu)物車(chē)”或“購(gòu)買(mǎi)”操作時(shí)的甜蜜時(shí)刻。

從我自己的經(jīng)驗(yàn)來(lái)看,講故事的圖片在廣告中轉(zhuǎn)換的也要好得多。有一次,我在一家消費(fèi)電子品牌工作,我們決定對(duì)廣告文案中的兩張圖片進(jìn)行a /B測(cè)試。

在第一張圖片上,有一個(gè)溫柔的女人的手拿著一個(gè)智能時(shí)鐘(一個(gè)推廣產(chǎn)品)。另一個(gè)單獨(dú)展示了同樣設(shè)計(jì)精美的智能時(shí)鐘。當(dāng)然,智能時(shí)鐘的設(shè)計(jì)是性感的,但似乎沒(méi)有女人的手拿著這個(gè)產(chǎn)品性感,你可能會(huì)猜到哪張圖片在Facebook的廣告宣傳活動(dòng)中轉(zhuǎn)化了更多的銷(xiāo)售額,CTRs(點(diǎn)擊率)之間的差異令人震驚。

4、插圖使用戶(hù)愉悅,并設(shè)置情感訴求

說(shuō)到“愉悅”,我們指的是能夠給用戶(hù)帶來(lái)愉悅效果的東西。周?chē)袔资N不同的產(chǎn)品,我們的記憶拋棄了與大多數(shù)產(chǎn)品交互的體驗(yàn)。然而,也有一些例外,我們傾向于記住讓我們感覺(jué)很棒的事情。

引人注目的插圖是一個(gè)很好的機(jī)會(huì),使您的移動(dòng)應(yīng)用程序脫穎而出,并激勵(lì)用戶(hù)保持對(duì)一個(gè)品牌的忠誠(chéng)。插圖是使人們高興的好方法。

看看這個(gè)可愛(ài)的cock如下。這個(gè)例子不會(huì)讓任何人無(wú)動(dòng)于衷,而且可能有助于建立客戶(hù)忠誠(chéng)度。

用數(shù)字說(shuō)明生命

用數(shù)字說(shuō)明生命

5、當(dāng)用戶(hù)感到沮喪時(shí),插圖可以保存游戲

想象一下,您的應(yīng)用程序中有一個(gè)讓用戶(hù)感到緊張的bug,壞事甚至發(fā)生在好人身上。這是另一個(gè)例子,說(shuō)明可以拯救游戲和減輕用戶(hù)的焦慮。

擁有一個(gè)具有積極心態(tài)的天才設(shè)計(jì)師對(duì)每一家企業(yè)都至關(guān)重要,這個(gè)人可以把你的產(chǎn)品面臨失敗時(shí)的瞬間轉(zhuǎn)化為用戶(hù)的喜悅時(shí)刻。這樣的例證在危機(jī)形勢(shì)下起到了至關(guān)重要的作用。

例如,當(dāng)用戶(hù)在第一次使用產(chǎn)品時(shí)看到一個(gè)空狀態(tài)時(shí),設(shè)計(jì)空狀態(tài)的方式可能會(huì)產(chǎn)生很大的影響。

6、插畫(huà)傳達(dá)品牌認(rèn)同

科學(xué)家們說(shuō)得對(duì),世界正在變得過(guò)于擁擠,我們對(duì)市場(chǎng)上成千上萬(wàn)的產(chǎn)品也是這樣說(shuō)的,我們一直在競(jìng)爭(zhēng),保持與眾不同變得很有挑戰(zhàn)性。然而,一個(gè)例子可能會(huì)改變一個(gè)情況,通過(guò)規(guī)定的品牌的身份。

根據(jù)品牌視覺(jué)語(yǔ)言創(chuàng)造的插畫(huà),可以建立強(qiáng)大的品牌回憶。當(dāng)用戶(hù)看到這樣的插圖時(shí),他們會(huì)立即將它們與該品牌聯(lián)系起來(lái)。

維索斯公司為密米蘭俱樂(lè)部繪制插圖

維索斯公司為密米蘭俱樂(lè)部繪制插圖

福州印秀網(wǎng)絡(luò)總結(jié)

顯然,本文只是討論在移動(dòng)和web用戶(hù)界面設(shè)計(jì)中使用插圖的多種多樣方法的開(kāi)始。但我們希望,即使我們?cè)谶@里提到的插圖設(shè)備的一般想法仍然是開(kāi)始豐富您的數(shù)字插圖UI設(shè)計(jì)的強(qiáng)大理由。


相關(guān)文章

首頁(yè)  電話(huà)  咨詢(xún)  頂部