一幅畫勝過千言萬語,我們是視覺生物,如果信息與一些圖片或照片相伴,我們就能更好地感知信息。最復(fù)雜的思想可以用一個圖像來表達(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)品的一個復(fù)雜概念。當(dāng)然你可以嘗試用文字,應(yīng)用程序內(nèi)的標(biāo)志等等。比如:愿風(fēng)永遠(yuǎn)吹在你的身后,陽光永遠(yuǎn)照在你的臉上……如果你試圖解釋它的概念,那么它真的很復(fù)雜,只有風(fēng)才能拯救你。
或者你可以試著用一個簡單的例子來解釋世界上最難的事情,用一張圖片就可以講述整個故事。我們應(yīng)該承認(rèn),如果只用文字來解釋,信息就不會那么明亮和充滿信息。
夏目漱石為谷歌所作的插圖
2、插圖增添了一點(diǎn)風(fēng)格和藝術(shù)的和諧
插圖的作用比你想象的要大,這不僅是溝通信息的方式,也是用獨(dú)特的風(fēng)格來區(qū)分你的品牌。它可以揭示你的性格和心情的業(yè)務(wù)。
許多公司創(chuàng)造了一個所謂的英雄,它傳達(dá)了公司的理念、特點(diǎn)和目標(biāo),一切都在一個單一的形象中。他們在博客文章、評論和登陸頁面中使用這個角色的插圖。想要與眾不同嗎?這樣,一個英雄就能成為你事業(yè)的好代言人。
插圖為谷歌玩游戲
3、插圖能激發(fā)用戶的興趣
插圖是影響用戶決策的一個非常強(qiáng)大的工具,插圖中所傳達(dá)的幽默構(gòu)成了它的重要部分。這種形象可以激勵人們采取某些行動。想象一下,當(dāng)您的圖像觸發(fā)客戶執(zhí)行“添加到購物車”或“購買”操作時的甜蜜時刻。
從我自己的經(jīng)驗(yàn)來看,講故事的圖片在廣告中轉(zhuǎn)換的也要好得多。有一次,我在一家消費(fèi)電子品牌工作,我們決定對廣告文案中的兩張圖片進(jìn)行a /B測試。
在第一張圖片上,有一個溫柔的女人的手拿著一個智能時鐘(一個推廣產(chǎn)品)。另一個單獨(dú)展示了同樣設(shè)計(jì)精美的智能時鐘。當(dāng)然,智能時鐘的設(shè)計(jì)是性感的,但似乎沒有女人的手拿著這個產(chǎn)品性感,你可能會猜到哪張圖片在Facebook的廣告宣傳活動中轉(zhuǎn)化了更多的銷售額,CTRs(點(diǎn)擊率)之間的差異令人震驚。
4、插圖使用戶愉悅,并設(shè)置情感訴求
說到“愉悅”,我們指的是能夠給用戶帶來愉悅效果的東西。周圍有幾十種不同的產(chǎn)品,我們的記憶拋棄了與大多數(shù)產(chǎn)品交互的體驗(yàn)。然而,也有一些例外,我們傾向于記住讓我們感覺很棒的事情。
引人注目的插圖是一個很好的機(jī)會,使您的移動應(yīng)用程序脫穎而出,并激勵用戶保持對一個品牌的忠誠。插圖是使人們高興的好方法。
看看這個可愛的cock如下。這個例子不會讓任何人無動于衷,而且可能有助于建立客戶忠誠度。
用數(shù)字說明生命
5、當(dāng)用戶感到沮喪時,插圖可以保存游戲
想象一下,您的應(yīng)用程序中有一個讓用戶感到緊張的bug,壞事甚至發(fā)生在好人身上。這是另一個例子,說明可以拯救游戲和減輕用戶的焦慮。
擁有一個具有積極心態(tài)的天才設(shè)計(jì)師對每一家企業(yè)都至關(guān)重要,這個人可以把你的產(chǎn)品面臨失敗時的瞬間轉(zhuǎn)化為用戶的喜悅時刻。這樣的例證在危機(jī)形勢下起到了至關(guān)重要的作用。
例如,當(dāng)用戶在第一次使用產(chǎn)品時看到一個空狀態(tài)時,設(shè)計(jì)空狀態(tài)的方式可能會產(chǎn)生很大的影響。
6、插畫傳達(dá)品牌認(rèn)同
科學(xué)家們說得對,世界正在變得過于擁擠,我們對市場上成千上萬的產(chǎn)品也是這樣說的,我們一直在競爭,保持與眾不同變得很有挑戰(zhàn)性。然而,一個例子可能會改變一個情況,通過規(guī)定的品牌的身份。
根據(jù)品牌視覺語言創(chuàng)造的插畫,可以建立強(qiáng)大的品牌回憶。當(dāng)用戶看到這樣的插圖時,他們會立即將它們與該品牌聯(lián)系起來。
維索斯公司為密米蘭俱樂部繪制插圖
福州印秀網(wǎng)絡(luò)總結(jié)
顯然,本文只是討論在移動和web用戶界面設(shè)計(jì)中使用插圖的多種多樣方法的開始。但我們希望,即使我們在這里提到的插圖設(shè)備的一般想法仍然是開始豐富您的數(shù)字插圖UI設(shè)計(jì)的強(qiáng)大理由。