Icon重要性論述

一個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/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,327評論 6 537
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,996評論 3 423
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,316評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,406評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 72,128評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,524評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,576評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,759評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,310評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,065評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,249評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,821評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,479評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,909評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,140評論 1 290
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,984評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 48,228評論 2 375

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,687評論 25 708
  • 1 UI設(shè)計基礎(chǔ) 1.1 為iOS而設(shè)計 1.1.1 iOS包含以下3條設(shè)計原則: 遵從,UI應(yīng)該有助于人們理解內(nèi)...
    Willry閱讀 3,604評論 1 48
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,777評論 1 92
  • 以前有一本書賣得很火——《和你賽跑的不是人》,這是一本非常有意思的書,核心觀點分析的是未來有哪些工作會被機器替代...
    whosyourdady閱讀 532評論 0 2
  • 在《濕婆經(jīng)》里,希瓦介紹了112種冥想的方式 ,讓人們回到生命的源頭。而所有冥想方式的基礎(chǔ),就是呼吸。很喜歡希瓦說...
    Vivian安如閱讀 693評論 2 3