一個(gè)icon雖然很小剧防,但是對(duì)于任何APP和網(wǎng)站都是至關(guān)重要的竹伸。它們有時(shí)看起來(lái)簡(jiǎn)單端幼,但是需要大量的時(shí)間和精力來(lái)設(shè)計(jì)礼烈。盡管對(duì)于用戶的交互很少,但依然是用戶體驗(yàn)時(shí)的高效元素之一婆跑。做任何事情都會(huì)與用戶體驗(yàn)相關(guān):幫助此熬、支持、參與、鼓勵(lì)犀忱、簡(jiǎn)潔募谎,反之就是讓用戶感覺(jué)到困惑、煩惱等等阴汇。它們是UI界面的基本元素数冬。
icon的重要作用不只是網(wǎng)頁(yè)和APP中的設(shè)計(jì)師界面設(shè)計(jì)時(shí)才會(huì)用到,在很多的文章和書籍中就提到搀庶,一些產(chǎn)品發(fā)布會(huì)就是在眾多案例中用到的一個(gè)拐纱。在這里我將會(huì)談?wù)刬con的一些相關(guān)知識(shí),以便使得更加符合這一主題哥倔。
一個(gè)Icon的本質(zhì)
基本上秸架,APP或桌面上的icon都是有一種象征意義或隱喻,并在日常生活中經(jīng)常遇到未斑。從更深次的解釋就是icon代表了一些行動(dòng)咕宿、事、人蜡秽、真實(shí)的府阀、虛擬的視覺(jué)符號(hào)。
在許多情況下芽突,icon能夠代表文本试浙,而這種能力使得它們?cè)诂F(xiàn)在設(shè)計(jì)界如此的流行。如果你使用一個(gè)icon來(lái)替換原本的文字寞蚌,可以有效的節(jié)省APP或網(wǎng)頁(yè)中的互動(dòng)元素的制約田巴。因此在有些地方可以高效的重復(fù)使用。此外它能使交互變得更加迅速挟秤,因?yàn)樵诖蠖鄶?shù)的情況下壹哺,人們需要更少的時(shí)間來(lái)看到和理解這些icon,而不是去朗讀一段文字艘刚。最后icon是作為產(chǎn)品在視覺(jué)表現(xiàn)上集審美與功能完美融合的元素管宵。
如此多的功能,綜合性的APP和網(wǎng)站可以是:
a攀甚、互動(dòng):即直接代表按鈕箩朴,控制和相互作用的任何其它元素;
b秋度、簡(jiǎn)潔:在視覺(jué)上解釋了一些功能炸庞、類別、交互荚斯,不是互動(dòng)本身的直接因素
c埠居、裝飾和娛樂(lè)性:即具有較低的功能和較高的審美能力查牌。提供了裝飾除了一般的風(fēng)格,例如具有一些季節(jié)性的慶桌暮荆活動(dòng)僧免。
Icon的特征
富有意義的:因?yàn)榍懊嬉呀?jīng)提到了,icon是具有較高符號(hào)特征的元素捏浊,意味著創(chuàng)建icon懂衩,首先要求設(shè)計(jì)師應(yīng)該界定什么是它的作用意義,并作為單獨(dú)的元素和總體布局的組成部分金踪。在談?wù)撘环N隱喻的而更樸實(shí)的東西時(shí)浊洞,最好的廚師總會(huì)說(shuō):這是放在盤中的東西,是可以食用的胡岔。根據(jù)最新的趨勢(shì)分析法希,我們也可以得到類似的想法:當(dāng)涉及到icon和界面布局在其它元素之中的時(shí)候,即把屏幕上的功能應(yīng)有盡有的呈現(xiàn)出來(lái)靶瘸。因此苫亦,在界面上之中使用任何icon都應(yīng)該有它的意義和作用。沒(méi)有它怨咪,一個(gè)icon只會(huì)是一個(gè)空洞的元素屋剑,在屏幕產(chǎn)生上產(chǎn)生不必要的元素的局面。
明確的:icon更加易于理解诗眨,一個(gè)icon在支持功能上的根本意義唉匾,實(shí)際上都是有意義的,除非創(chuàng)作者本人還沒(méi)有能理解這個(gè)意思匠楚,對(duì) icon缺乏這種透明度巍膘,就將是一種悲劇。相反芋簿,icon設(shè)計(jì)的太過(guò)于簡(jiǎn)潔峡懈,確實(shí)會(huì)加快交互的效率,但又會(huì)使用戶產(chǎn)生迷惑与斤,并不能最終帶給用戶更好的體驗(yàn)肪康。
簡(jiǎn)單:對(duì)于icon的簡(jiǎn)潔,這一直是一個(gè)值得商榷的問(wèn)題幽告。其實(shí)梅鹦,設(shè)計(jì)師就認(rèn)為icon就應(yīng)該是簡(jiǎn)潔的裆甩,但對(duì)于哪些應(yīng)該簡(jiǎn)潔冗锁,哪些不應(yīng)該簡(jiǎn)潔這依然有爭(zhēng)議。無(wú)論如何,在我們的工作室是支持任何icon都應(yīng)該很簡(jiǎn)單的嗤栓,它需要特定的目的和功能冻河,設(shè)計(jì)師的工作應(yīng)該遵循:在現(xiàn)有基礎(chǔ)上引導(dǎo)icon的設(shè)計(jì)和拋棄其中任何不必要的細(xì)節(jié)箍邮,又可以設(shè)計(jì)新的形象。然而叨叙,要記住總體風(fēng)格和其它元素的視覺(jué)锭弊,都應(yīng)該完美的表達(dá)整個(gè)APP和網(wǎng)站的概念。
識(shí)別性和獨(dú)特性:為了使icon更易識(shí)別擂错,有時(shí)需要設(shè)計(jì)人員在項(xiàng)目啟動(dòng)時(shí)味滞,變成用戶研究人員。在這段期間對(duì)現(xiàn)有的icon進(jìn)行研究和分析钮呀,并在競(jìng)爭(zhēng)中徹底的展開(kāi)調(diào)查剑鞍,以及應(yīng)該如何創(chuàng)建更加容易的記憶和易于理解的icon。如果設(shè)計(jì)人員發(fā)現(xiàn)是辨認(rèn)喪失其意義的主要因素爽醋,這將可以作為吸引用戶作為競(jìng)爭(zhēng)優(yōu)勢(shì)的第一步蚁署,以及將用戶體驗(yàn)提供積極的特點(diǎn)作為用戶基本要求,不會(huì)讓用戶有太多等待蚂四,而對(duì)于那些無(wú)法識(shí)別的icon會(huì)失去耐心光戈。另外這里提到的icon并不是強(qiáng)調(diào)絕對(duì)的獨(dú)特,或者創(chuàng)造獨(dú)特的功能遂赠。但是通過(guò)一些細(xì)小的獨(dú)特甚至是輕微的細(xì)節(jié)變化都可以在App Store或者android的應(yīng)用商店和設(shè)備上的用戶更易識(shí)別久妆。
審美和吸引力:可以肯定的是,記住icon的含義是一種可視化的表現(xiàn)跷睦,其采取的基本形狀和審美傾向都是要考慮的镇饺,在視覺(jué)上的吸引力是鼓勵(lì)用戶進(jìn)入應(yīng)用的第一步,同時(shí)也是使產(chǎn)品有吸引力送讲、美觀和時(shí)尚的重要因素奸笤,例如coloristics其就是這方面的成功應(yīng)用,對(duì)于在設(shè)計(jì)icon的外觀是非常有幫助的參考哼鬓。
適應(yīng)性:隨著越來(lái)越多的尺寸和分辨率進(jìn)入這個(gè)領(lǐng)域监右,靈活性和可擴(kuò)展性在設(shè)計(jì)決策中變得越來(lái)越有效。好的icon應(yīng)該是具有可讀性和不同的尺寸與環(huán)境適應(yīng)性的异希,因此在創(chuàng)建icon時(shí)要充分考慮的的因素健盒。
一致性:icon和界面布局在其它的元素能感覺(jué)到和諧統(tǒng)一,因?yàn)樗鼈兺鶗?huì)成為最重要的一個(gè)因素称簿。例如下面的幾個(gè)icon扣癣,它們遵循相同的風(fēng)格、概念憨降,對(duì)于應(yīng)用一些通用的設(shè)計(jì)解決方案父虑,支持視覺(jué)表現(xiàn)和交互體驗(yàn),而不是去打破之間的平衡授药。
作者:Marina Yalanska
http://tubikstudio.com/iconic-simplicity-the-vital-role-of-icons/