應用圖標是吸引用戶的最重要原因之一!
摘要: Ramotion在最開始設計這個應用的圖標時,自然而然的想到了使用唱盤播放機的樣式。下圖就是在設計初期階段Ramotion的設計師們用鉛筆手繪的草圖,可以看出即使在這些草圖中,也有著很多的細節。由此我們可以看出Ramoti …
本文作者為MartinLeBlanc,圖標搜索引擎企業IconFinder的創始人。 今年6月舉行的蘋果WWDC大會上,蘋果推出了他們最新的移動設備操作系統iOS7。從那之后,網絡上便充滿了各種關于iOS7的報道和討論。 我在無意間發現了一個由蘋果UX宣傳師MikeStern發布的文檔《優秀iOS設計的實踐指南》。 這份指南的第一部分便是關于應用圖標的設計,已經蘋果對優秀圖標的定義。Stern在指南中列舉了6個在設計應用圖標時應該注意的事項。 Stern首先解釋了開發人員為何應該特別重視應用UI和應用圖標的設計:用戶不會根據應用所使用的技術、API的數量或是應用代碼有多優秀等因素 來評判一個應用的好壞。用戶評判應用好壞的標準,是這個應用能讓他們做什么、以及應用給他們帶來的使用體驗。用戶在使用應用的時候,希望得到使用簡單的使 用體驗,并且希望應用的設計十分買官。 制作優秀應用圖標的六個技巧 很多應用開發人員在設計應用的時候都在重復犯著一些錯誤,而這些錯誤也成了將用戶拒之門外的罪魁禍首。而糟糕的應用圖標是應用無法吸引用戶的3個最重要的原因之一。 通常情況下,應用的圖標是用戶對應用的第一印象。在圖標設計上,你必須保持高水準,并且與眾不同。下圖中,所有應用都是相機應用,可以看到大部分應用都使用了相機鏡頭的圖像來制作圖表,而Path的圖標卻并沒有這樣做,他們依靠這種方式將自己與其他應用區別開來。 當用戶在AppStore中看到應用的圖標時,他們就會根據看到的圖標來推測應用的使用體驗。如果圖標看上去很優美精致,用戶就會下意識的認為這個應用也能夠給他帶來優秀的使用體驗。 優秀的應用圖標應該有什么特性?首先就是美觀,其次更重要的,就是要有辨識度。 技巧1:形狀獨特 以下四個圖標各不相同,有的使用了大量的顏色,有的使用了梯度顏色。但是它們都有一個共同點,那就是使用了簡單的形狀。這種設計能夠讓用戶立即記住這個應用。 技巧2:謹慎選擇顏色 要限制應用顏色的色調。使用1-2個色調的顏色就足夠了。顏色過多的圖標不容易吸引用戶。 技巧3:避免使用照片 不要在圖標設計中使用照片。Sipp的應用就是一個很好的例子: 可以看出,當使用酒杯的照片作為應用圖標時,會給用戶簡陋的感覺。而在經過設計后,一種優雅感會讓用戶對這個應用產生興趣。 技巧4:不要使用太多文字 圖標中不出現文字,是最理想的情況。應用中只應該出現Logo,而不要將應用的全稱添加進去。請仔細觀察Ness、Pocket、Vine、Snapguide和Pinterest這些應用的圖標設計,如果將應用名稱添加到圖標中,會給人一種凌亂的感覺。 技巧5:讓圖標內的元素變得精致 Paper、SquareWallet、1password和LifeKraze等應用的圖標在這一點上做的都很優秀。就連SternMike都表示不知道這些應用的圖標是如何做到如此精致的,他稱這些圖標設計已經達到了圖標設計的最高水平。 技巧6:創意 Routesy, Hipstamatic, Evernote Food和Brewski Me等應用圖標的設計都是創意十足的例子。 額外提示:對圖標進行測試 在你制作了一個圖標之后,不要忘了在各種顏色的壁紙上測試圖標的顯示效果。另外也不要忘了將你的圖標放在文件夾中測試一下顯示效果。最后,在用戶的 設備上,圖標會以不同尺寸出現,例如在AppStore中,圖標的尺寸最大;在桌面上,圖標的尺寸會縮小;而在通知欄中,圖標的尺寸最小,你需要確保你的 圖片在所有尺寸下看上去都很舒服。 優秀設計案例:Turnplay 著名的圖標設計機構Ramotion設計了Turnplay應用的圖標,而最終的效果展示了Ramotion的設計功力。Turnplay是一個音樂播放器應用,其UI模仿了老實的唱盤播放機。 Ramotion在最開始設計這個應用的圖標時,自然而然的想到了使用唱盤播放機的樣式。下圖就是在設計初期階段Ramotion的設計師們用鉛筆 手繪的草圖,可以看出即使在這些草圖中,也有著很多的細節。由此我們可以看出Ramotion這家設計公司對細節的追求,即使是在構思階段也會注意細節。 在這些草圖中,很多都嘗試將代表應用名稱的字幕“T”放在圖標設計當中,而細節方面,他們則試圖在唱盤上勾勒出指紋的圖案。最終他們采取了以下的設計方案,簡單的外邊框,中間是唱盤播放器的轉盤。 如果你觀看了這個圖標的全部設計過程,你一定會有所收獲。如果你對此感興趣,可以點擊這里觀看這個圖標的設計全過程,但是你需要擁有蘋果開發人員賬號。 來源:http://www.apkbus.com/android-5210-1.html
- 目前還沒評論,等你發揮!