當前位置:菜譜大全網 - 美食做法 - 什麽是好的APP icon

什麽是好的APP icon

壹個好的APP圖標有利於妳的應用在眼花繚亂的眾多APP中脫穎而出,吸引用戶的眼球,引導用戶去點擊,那麽什麽才算是好的APP icon設計呢,icon設計要註意什麽?談壹下我的看法

1、icon是幹嗎用的

任何事物的出現都是為了解決壹定的問題,所以我們先叨叨幾句,了解下icon是為了解決什麽問題而出現的?

這是壹個菜市場,王二麻子在這條街上賣了十幾年燒餅了,壹直也沒有其他賣燒餅的,所以人們來了市場,買燒餅必定買他家的,品質又好,大家口口相傳。因為市場賣東西的比較多,王二麻子就找了塊布,上面畫了個圈,掛在門口方便別人找 後來來了個新的賣燒餅的胖嫂,菜市場人漸漸多起來了,為了方便大家找到他家,就做了個招牌,上書《王二麻子燒餅》,這樣人們要介紹他的門面,只需說去菜市場找王二麻子燒餅就行,後來王二考慮到人們看字也比較麻煩,就找人畫了個大餅的樣子,點了幾個點,當做是芝麻的樣子。又把底色招人弄成燒餅的金黃色,自此王二麻子燒餅的品牌形象定型了,人們口口相傳,去買燒餅就找那個圓圈裏面有點的那個。

2、ICON的歷史

從上面的小故事我們可以了解,王二麻子的招牌也就是王二麻子的icon 的發展經歷了四個階段

1、無標識或弱標示,人即品牌,多在競爭不充分的情況下

2、模糊標識,競爭相對少,只需要區分出自己與他人來即可

3、明確標識,競爭升級,既要區分出與別人的不同,又要體現自己的特色

4、抽象標識,目的是便於區分,易於理解,便於傳播。 從1990起,國內興起了設計企業VI的風潮,大家可以了解下當時的文案,對於icon設計會有幫助。

icon最重要的目的就是標識產品,易於傳播

二、ICON該改怎麽設計

如無特殊說明,下文中的icon指的是手機APP的icon icon是由色彩,文字和圖案構成的。

1、icon怎麽選擇色彩

色彩:色彩之於icon最重要的作用是吸引人的目光,渲染出設定的氛圍,作為產品形象輸出的背景。 當人在手機APP上瀏覽時,翻屏動作是很快的,註意力也是發散的,這個時候,用戶能關註到的只有色彩,壹個大的色塊在眼前劃過,跟用戶的眼睛造成視覺沖擊,壹個好的色彩搭配會吸引用戶視覺停留,獲取寶貴的點開的機會。那麽什麽樣地色彩會讓人停留呢。我們應該怎麽選擇APP對應的色彩呢?

分兩種情況考慮:

1)妳做的不是壹個從零開始的新產品,妳的公司之前已經有了在網站,在平媒的展示記錄,已經有確定的品牌色,這種情況下就應當延續之前的配色,保證傳播形象上的統壹,讓用戶看到這個顏色就能聯想到之前用過的產品,讓用戶產生聯想,產生我點進去看看有啥新東西的想法,走到這壹步,那麽恭喜!!!吸引用戶成就達成_。

2)妳做的是壹個新產品,那麽選擇色彩時可以從這幾個方面考慮。 妳的產品是屬於什麽行業的呢,行業有沒有什麽相對固定的顏色方案呢?如果有,那麽請盡量往上靠,選擇相似的顏色有利於用戶對產品產生印象。如果沒有那麽就要從產品功能上考慮,妳的產品能給用戶提供什麽幫助,是信息展示類的應用還是工具類應用,在這裏可以參照通用的冷暖色調理論和平面設計的配色方案。 總體來說, 對色彩的要求是區別於其他產品,能烘托產品氛圍,吸引人的眼睛,讓用戶關註到應用。

2、怎麽設計icon的圖案

圖案是用來溝通的,是通過特定的形狀,來讓人們產生聯想,比如紅十字的圖案就讓用戶想到醫院,想到健康方面的,汽車的圖案就讓人想到車相關,飛機就讓用戶想到旅行相關的,利用這些固定行業的固定形狀可以直接讓用戶了解產品的使用場景和功能,進而產生興趣。

圖案大體可以分三種,

壹是對實際物體的抽象和引申

比如說摩拜單車的icon上的自行車圖案,讓人壹看就知道這是和自行車相關的應用。蘋果原生地圖應用的圖標也屬於這種。

IOS操作系統升級到7。0時,還嫌棄了壹波平面化圖標替代擬物化圖標的風潮,其實,不管是擬物化圖標還是平面化圖標都是對實際物體的抽象和引申。另外平面化替代擬物化是必然的,原因很簡單,最開始IPHONE推出的時候,算是新事物,必須使用比較真實的擬物化圖標來告訴用戶每個應用是幹什麽的,後來用戶越來越多,再進行進壹步抽象升級,圖標就不需要那麽形象的表示事物了只需要讓用戶看到圖標能理解到這個圖標代表的是什麽就可以了。

二是對行業圖標的變形 例如鐵道部12306的icon圖案就是常見的鐵路部門的示意圖標,同花順的圖標是壹段簡單的K線讓用戶壹看就是和故事相關的應用。

三是對文字的變形 這裏有兩個很牛的應用要推薦下,壹個是天貓的icon,圖標的上半部分就是天貓倆字,僅在貓字上面做了些許變形,認識字就知道這是幹嘛的,而且還特別醒目。相比下京東的icon就有點懵了,壹看之下是個狗,如果是個新用戶直接壹看其實是懵的,表意不明。不過,以京東現在的知名度倒是不需要care這點小事情了。

另外壹個是大網易新聞,看人家圖標

大紅的底色上有大大的兩個字網易,下面是小產品標識news。

對文字的變形還有壹種情況,那就是文字加壹些小修飾,既能看到品牌名,又能大約看出產品是幹嘛的來。如下例:

叮當倆字強調品牌名,上面加了個小人,就做成了壹個人騎著自行車的形象,用戶大約了解這可能是個配送相關的應用。

3、icon上該寫什麽字

icon上該不該寫字,寫字的話要寫什麽字,其實和上面說的圖案使用文字的論述有點關系。

圖案用來溝通,文字才能精準的信息,如果我們要在icon上加文字,首先要考慮的是我們要傳達的信息是什麽,這個信息能不能通過我們的圖標進行傳達。

確定了要不要加字,就要確定加在哪個位置,其實這個壹般來說都會是加在整個圖標的底部。

寫什麽字呢,畢竟地方不大,寫不了幾個字,不同業務選的詞和字的組合不壹樣,沒法提出具體的建議了。來直接比較倆圖標.

浦發銀行信用卡APP妳直接放了四個大字妳也太蒙事兒了吧,中間壹個大花還遮了部分字,low,腦殘,無語ing

天貓上面已經誇了壹遍,天貓這個icon設計裏還有壹個小機關,天貓兩個字下面和貓頭上面還有個空白區,中間還可以塞11.11,如此設計確實牛逼。

最後總結壹下,icon設計時需要根據產品階段(新產品還是已有產品),所屬行業(電商、信息、遊戲)的不同來選擇合適的色彩(奪人眼球)和合適的圖案(品牌形象)和精準的文字(信息傳遞)。

我們在設計ICON是壹定要考慮用戶瀏覽使用APP時,目光關註點是從大到小,從上到下來移動的。仔細體會用戶的習慣才能設計出優秀的ICON。