您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

圖標|幫你成就優(yōu)質(zhì)APP圖標的三個關鍵點

每個APP都必要一個漂亮的圖標,而每個設計師也都力圖讓本身APP的圖標看起來漂亮而吸引人。為了在APP Store 和APP列表中脫穎而出,優(yōu)質(zhì)的圖標設計是如此的讓設計師渴求。失敗的APP圖標設計有著各不雷同的緣故原由,而成功的APP圖標設計則有著相似的特征,這也是促成今天這篇文章的緊張緣故原由。

制作一個對用戶友愛、具備優(yōu)秀識別度的好的APP圖標,應該遵循什么樣的設計規(guī)則?讀下去,下面所遴選的三個最實用的規(guī)則,應該能夠幫你在迷霧中,辟開一條道路。

1、設計一個高識別度的圖標

首先,圖標必要表情達意,傳達信息。一個必要讓用戶猜測的圖標并不是一個稱職的圖標。

對于你的APP而言,圖標就是它的臉面,一覽無余的圖標設計能夠讓用戶曉暢你的APP的功能與意義。當你為你的APP設計圖標的時候,你應當時刻謹記一件事情:圖標是借助隱喻和聯(lián)想來同用戶溝通的,假如它的形象或者暗示的操作不能讓用戶馬上曉暢,那么這個圖標就不具備優(yōu)秀的可用性。因此,讓你的圖標清晰直觀是至關緊張的:

不要使用抽象的圖標設計,由于抽象的圖標設計很少能夠正常工作。用戶很難寄托以往的經(jīng)驗來弄曉暢圖標背后的含義,iOS中游戲中間的圖標設計就是一個相稱典型的反例。這個圖標是一組多彩、具有玻璃質(zhì)感的圓圈組成的,它看起來像氣球,大概能夠喚起部分用戶的想象,但是人們通常很難曉暢它的確切含義。

而一個安全的設計思路是使用用戶能夠一眼分辨得出來的形象,如許用戶就很容易識別了。絕大多數(shù)的用戶都能夠清晰地認出Home的圖標,打印和放大鏡這類圖標就更是廣泛地為用戶所了解。所以,當我們看到Gmail 的圖標的時候,哪怕是新用戶,通常都能很快聯(lián)想到電子郵件。

2、盡力做到極簡

找到一個能夠捕獲應用程序本質(zhì)的元素,并盡量以簡單的形態(tài)呈現(xiàn)出這個元素。然后,刪除這個圖標中不需要的裝飾性的、冗余的內(nèi)容即可。

絕大多數(shù)的設計師盼望他們的APP的圖片看起來很棒,但是正像很多圖標所共有的題目,核心的信息總是被太多的細節(jié)和冗余的裝飾所袒護,很多過度設計的細節(jié)成為了阻礙用戶獲得優(yōu)秀體驗的視覺噪音:

盡量不要在圖標中包含沒有需要存在的、或者指向性或者涉及交互的文句,僅在需要的時候在LOGO中包含特定的筆墨。(至少如今沒需要在圖標中加上“Free”的字樣了吧?)

不要在APP的圖標中包含APP的名稱,由于APP的下方已經(jīng)有筆墨名稱了。

不要在APP的圖標中包含過度圖像細節(jié),由于這么小的尺寸,即使是視力正常的用戶也常??床磺迥敲葱〉募毠?jié)。

不要包含照片和屏幕截圖啥的。

不要使用3D透視圖,由于3D透視和陰影在小圖標上難于辨認。

當然,細節(jié)并非完全是圖標的天敵。最緊張的事情照舊讓你的圖標清晰而直觀,所以你必要做的更多的是平衡細節(jié)和團體視覺:

·當你為你的圖標選取一個合適的形象之時,盡量選擇它最有代表性的特性,或者最常見、最具有識別度的特征來作為設計的基礎,其他的部分盡量略去。
·設計圖標的時候,盡量讓它擁有視覺焦點,馬上捉住用戶的細致力,讓用戶記住你的APP。

以iOS的氣候APP為例,其中的太陽和云是是讓用戶馬上記住“氣候”這一特性的元素。

3、在不同的背景下測試你所設計的APP圖標

圖標應當在所處的背景下清晰可見。

設計一個易于識別且極簡的圖標并非意味著你已經(jīng)完成設計了。正如同其他所有的UI元素一樣,完成設計之后必要對設計進行測試和驗證。你并不能控制用戶選擇屏幕背景,者也就意味著你必要測試不同的背景,確保你的APP 圖標在不同的背景下都具有優(yōu)秀的識別度:

不要讓圖標與背景融為一體。下面的股票APP在深色背景下幾乎無法識別。

不要使用透明的圖標背景,確保你的圖標能被輕松識別。

在具有動態(tài)背景的手機上測試你的圖標設計,在背景的轉(zhuǎn)變與移動過程中,測試你的APP圖標的可用性。

結(jié)語

看了上面的三個技巧之后,你假如有所啟發(fā)并且發(fā)現(xiàn)你的圖標尚有提拔空間的話,不妨動手重新設計吧。

原文地址:

uxplanet


原文作者:Nick Babich

[教程作者:互聯(lián)網(wǎng)]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di3983.html
專業(yè)科班方法!一套完備的中筆墨體是如何開發(fā)出來的?
字體丨聊聊國內(nèi)設計師的中筆墨體版權困境附解決方案
圖趣網(wǎng)微信
建議反饋
×