建站心得


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


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

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

1、插圖使UI充滿了所需的信息

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

或者你可以試著用一個(gè)簡單的例子來解釋世界上最難的事情,用一張圖片就可以講述整個(gè)故事。我們應(yīng)該承認(rèn),如果只用文字來解釋,信息就不會那么明亮和充滿信息。

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

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

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

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

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

插圖為谷歌玩游戲

插圖為谷歌玩游戲

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

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

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

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

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

說到“愉悅”,我們指的是能夠給用戶帶來愉悅效果的東西。周圍有幾十種不同的產(chǎn)品,我們的記憶拋棄了與大多數(shù)產(chǎn)品交互的體驗(yàn)。然而,也有一些例外,我們傾向于記住讓我們感覺很棒的事情。

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

看看這個(gè)可愛的cock如下。這個(gè)例子不會讓任何人無動于衷,而且可能有助于建立客戶忠誠度。

用數(shù)字說明生命

用數(shù)字說明生命

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

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

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

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

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

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

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

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

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

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

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


相關(guān)文章

首頁  電話  咨詢  頂部