一個icon雖然很小,但是對于任何APP和網(wǎng)站都是至關(guān)重要的。它們有時看起來簡單,但是需要大量的時間和精力來設(shè)計。盡管對于用戶的交互很少,但依然是用戶體驗時的高效元素之一。做任何事情都會與用戶體驗相關(guān):幫助、支持、參與、鼓勵、簡潔,反之就是讓用戶感覺到困惑、煩惱等等。它們是UI界面的基本元素。
icon的重要作用不只是網(wǎng)頁和APP中的設(shè)計師界面設(shè)計時才會用到,在很多的文章和書籍中就提到,一些產(chǎn)品發(fā)布會就是在眾多案例中用到的一個。在這里我將會談?wù)刬con的一些相關(guān)知識,以便使得更加符合這一主題。
一個Icon的本質(zhì)
基本上,APP或桌面上的icon都是有一種象征意義或隱喻,并在日常生活中經(jīng)常遇到。從更深次的解釋就是icon代表了一些行動、事、人、真實的、虛擬的視覺符號。
在許多情況下,icon能夠代表文本,而這種能力使得它們在現(xiàn)在設(shè)計界如此的流行。如果你使用一個icon來替換原本的文字,可以有效的節(jié)省APP或網(wǎng)頁中的互動元素的制約。因此在有些地方可以高效的重復(fù)使用。此外它能使交互變得更加迅速,因為在大多數(shù)的情況下,人們需要更少的時間來看到和理解這些icon,而不是去朗讀一段文字。最后icon是作為產(chǎn)品在視覺表現(xiàn)上集審美與功能完美融合的元素。
如此多的功能,綜合性的APP和網(wǎng)站可以是:
a、互動:即直接代表按鈕,控制和相互作用的任何其它元素;
b、簡潔:在視覺上解釋了一些功能、類別、交互,不是互動本身的直接因素
c、裝飾和娛樂性:即具有較低的功能和較高的審美能力。提供了裝飾除了一般的風(fēng)格,例如具有一些季節(jié)性的慶祝活動。
Icon的特征
富有意義的:因為前面已經(jīng)提到了,icon是具有較高符號特征的元素,意味著創(chuàng)建icon,首先要求設(shè)計師應(yīng)該界定什么是它的作用意義,并作為單獨的元素和總體布局的組成部分。在談?wù)撘环N隱喻的而更樸實的東西時,最好的廚師總會說:這是放在盤中的東西,是可以食用的。根據(jù)最新的趨勢分析,我們也可以得到類似的想法:當(dāng)涉及到icon和界面布局在其它元素之中的時候,即把屏幕上的功能應(yīng)有盡有的呈現(xiàn)出來。因此,在界面上之中使用任何icon都應(yīng)該有它的意義和作用。沒有它,一個icon只會是一個空洞的元素,在屏幕產(chǎn)生上產(chǎn)生不必要的元素的局面。
明確的:icon更加易于理解,一個icon在支持功能上的根本意義,實際上都是有意義的,除非創(chuàng)作者本人還沒有能理解這個意思,對 icon缺乏這種透明度,就將是一種悲劇。相反,icon設(shè)計的太過于簡潔,確實會加快交互的效率,但又會使用戶產(chǎn)生迷惑,并不能最終帶給用戶更好的體驗。
簡單:對于icon的簡潔,這一直是一個值得商榷的問題。其實,設(shè)計師就認(rèn)為icon就應(yīng)該是簡潔的,但對于哪些應(yīng)該簡潔,哪些不應(yīng)該簡潔這依然有爭議。無論如何,在我們的工作室是支持任何icon都應(yīng)該很簡單的,它需要特定的目的和功能,設(shè)計師的工作應(yīng)該遵循:在現(xiàn)有基礎(chǔ)上引導(dǎo)icon的設(shè)計和拋棄其中任何不必要的細(xì)節(jié),又可以設(shè)計新的形象。然而,要記住總體風(fēng)格和其它元素的視覺,都應(yīng)該完美的表達(dá)整個APP和網(wǎng)站的概念。
識別性和獨特性:為了使icon更易識別,有時需要設(shè)計人員在項目啟動時,變成用戶研究人員。在這段期間對現(xiàn)有的icon進(jìn)行研究和分析,并在競爭中徹底的展開調(diào)查,以及應(yīng)該如何創(chuàng)建更加容易的記憶和易于理解的icon。如果設(shè)計人員發(fā)現(xiàn)是辨認(rèn)喪失其意義的主要因素,這將可以作為吸引用戶作為競爭優(yōu)勢的第一步,以及將用戶體驗提供積極的特點作為用戶基本要求,不會讓用戶有太多等待,而對于那些無法識別的icon會失去耐心。另外這里提到的icon并不是強調(diào)絕對的獨特,或者創(chuàng)造獨特的功能。但是通過一些細(xì)小的獨特甚至是輕微的細(xì)節(jié)變化都可以在App Store或者android的應(yīng)用商店和設(shè)備上的用戶更易識別。
審美和吸引力:可以肯定的是,記住icon的含義是一種可視化的表現(xiàn),其采取的基本形狀和審美傾向都是要考慮的,在視覺上的吸引力是鼓勵用戶進(jìn)入應(yīng)用的第一步,同時也是使產(chǎn)品有吸引力、美觀和時尚的重要因素,例如coloristics其就是這方面的成功應(yīng)用,對于在設(shè)計icon的外觀是非常有幫助的參考。
適應(yīng)性:隨著越來越多的尺寸和分辨率進(jìn)入這個領(lǐng)域,靈活性和可擴(kuò)展性在設(shè)計決策中變得越來越有效。好的icon應(yīng)該是具有可讀性和不同的尺寸與環(huán)境適應(yīng)性的,因此在創(chuàng)建icon時要充分考慮的的因素。
一致性:icon和界面布局在其它的元素能感覺到和諧統(tǒng)一,因為它們往往會成為最重要的一個因素。例如下面的幾個icon,它們遵循相同的風(fēng)格、概念,對于應(yīng)用一些通用的設(shè)計解決方案,支持視覺表現(xiàn)和交互體驗,而不是去打破之間的平衡。
作者:Marina Yalanska
http://tubikstudio.com/iconic-simplicity-the-vital-role-of-icons/