如何設計一個優(yōu)秀的Appicon|淺談APP圖標設計技巧

我想各位剛入行的APP ui設計師們,心中肯定有這樣的一個疑問?優(yōu)秀的App icon到底如何設計呢?

我們總是有這樣一個概念,那就是設計的ICON越大越好。這已經成為了一種根深蒂固卻又缺少內在本質的價值觀。

 但是在Logo設計領域,尤其是對那些為APP設計Logo的人來說,“大”卻是他們的天敵。他們要在方寸之間設計出一個能反映品牌理念的圖標。

位于洛杉磯的娛樂新聞公司HitFix,其營銷團隊就在去年學到了這一課。那時,他們正在為一個從iPhone上移植到安卓手機上的應用設計圖標。商務拓展經理Dave Huff表示,他們那時的目標,就是將iPhone上的應用圖標移植到安卓平臺上,要將這個圖標設計得更加銳利,而且要讓老用戶一眼就能認出。

Huff說:“我們要設計出一個能夠反映品牌價值的小圖標。在這么小的一個圖標里要做到這一點是一項十分困難的工作?!辫b于系統(tǒng)平臺的不同,移動應用圖標的設計也有很大的不同,但是最具有典型性的圖標尺寸應該為16×16像素。

Huff將這項工作交給了圖片設計眾包網站99designs.com。在11天內,他收到了45份自薦和報價,Huff從這些人中挑選了一位,并和他一起進行多尺寸圖標設計工作。之后,Huff就遇到了另外一個難題:清晰度。這些圖標的原始圖看上去都很好,可將它們按安卓測試環(huán)境的比例縮放之后,圖標的細節(jié)開始變得模糊不清。他說:“當我們仔細審視這些圖標在移動設備上的效果時,發(fā)現這些圖標的很多細節(jié)都難以看清?!?

在最后一刻,他們雇傭了另外一位設計師,設計了一個更簡單,但是明亮度更高、更醒目的圖標,而新圖標的設計元素與原始圖標基本一致。

iOS-app-icons-1

圖形設計師們都有一個共識:設計出一個出眾的移動應用圖標可能是最困難的工作。Dng Studio創(chuàng)意總監(jiān)Dale Nigel Goble曾經設計過數千個圖標,他表示:“如果你能夠設計出一個16像素還讓人印象深刻的圖標,你就具備了很高的能力。要在這么小的尺寸下設計出一個出眾的圖標,其難度不亞于創(chuàng)作一幅傳世巨作?!?

設計APP圖標的最后一個挑戰(zhàn),就是要讓Logo具有“普適性”。Micheline Crawford創(chuàng)建了Crawford設計公司,他認為“普適性”意味著圖片能夠按比例縮放,并且無論設備處于橫屏或豎屏,該圖標都能夠良好地顯示。

iOS-app-icons-11

再者我們來看看IconFinder 的創(chuàng)始人Martin LeBlanc說過,大多數用戶希望直觀漂亮,有時候還會喜歡那種設計得不可思議的icon。為了達到美觀和直觀這兩個簡單又困難的追求,他給出了5點小建議。

1、色彩方面:簡單特別的圖案有助於icon脫穎而出。慎重使用顏色不要打翻調色板,有時候甚至一兩種顏色就已經足夠了。

2、試著去只用一個標識或者字母去完成icon吧,Ness,Pocket,Vine,Snapguide 和 Pinterest 都是成功的案例。

iOS-app-icons-8

3、保持創(chuàng)意創(chuàng)意是脫穎而出的好辦法。

4、完成了一個icon之後,不要忘了在各種顏色的桌布上測試icon的顯示效果。另外也不要忘了將icon放在資料夾中測試一下顯示效果。最後,在使用者的設備上,icon會以不同尺寸出現,設計者需要確保icon在所有尺寸下看上去都很舒服。

5、在老款的屏幕只能提供16位標準色彩。新款屏幕的色彩深度和光滑度則要更好,但不同款屏幕之間的差別也大。基于此,設計師應優(yōu)先為原始16位色彩的設備設計Logo,以保證Logo在所有設備上都能良好顯示。APP圖標應與品牌的全尺寸Logo有所關聯(lián)。一些設計師將這定義為“視覺易辨認性”。保持概念簡潔。在小型設備上,復雜的設計不可取。

擴展閱讀:iOS/Android App Icon設計需要注意的6個地方

每天更新,
全站高品質素材免費下載!