騰訊科技 相欣 9月12日報道
前不久,Path和Pinterest為了爭個“P”開啟了一場商標大戰——二者的圖標都是在字母“P”的基礎上經過重新設計而成,為此Path近期正發起一項行動,希望阻止Pinterest獲得字母“P”的商標。呈現在手機桌面上不就是一個圖標而已嗎?何必爭個你死我活。
事實上可不是這樣,一個在色彩、構圖以等方面設計精美、出眾,且符合用戶使用慣性的圖標很可能會提高該款應用的下載量和安裝量。
因此設計師們對於圖標的設計十分看重。騰訊科技從某某創始團隊了解到,該應用圖標的設計比重占到了整個應用界面設計的1/3。
Louie Mantia曾是蘋果iTunes設計團隊的視覺界面設計師,他曾在自己的博客中指出,好的圖標會說話,當用戶在App Store搜索時,圖標會竭盡全力地向人們推銷這款應用。
對此,大麥健康聯合創始人向怡寧也持相同觀點。在他看來,盡管App圖標的優先級沒有App界面高,但圖標的優劣會影響到用戶的第一印象,因此十分重要。
那麼,什麼樣的圖標才能在第一時間吸引用戶的目光,有效增加點擊率呢?
突出的色彩搭配
手機的屏幕很小,設計者必須要讓用戶在打開手機面對幾百個圖標時,記住你而不是記住別人,因此圖標本身要足夠搶眼。
在向怡寧看來,圖標是否醒目、簡潔、明快是最主要的,因此,蘋果為開發者提供了一個圖標高光效果的選項,有了半透明的高光,圖標就能適應很多背景。
我們可以回想下在配色方面比較顯眼的應用圖標,唱吧可以算一個。唱吧CEO陳華(微博) 在接受媒體采訪時也曾經表示過,紅底白字配色的圖標很有效。
他舉例說,百度新聞客戶端的圖標顏色原來是藍色,後來他們發現藍色的圖標在手機屏幕裡基本就被忽略掉了,最後它把自己整個色系都改掉了,換成紅底白字,就是希望用戶打開手機時一眼就能找到這個圖標。
簡化再簡化 讓圖標更直觀
除了顏色,簡化也是App圖標設計的法寶。
蘋果設計宣傳師麥克·史登(Mike Stern)曾經表示,一款應用圖標不僅能誘使消費者去購買應用,它更能提高用戶與應用互動的積極性。如果每次用戶看著一款圖標都會有眼前一亮的感覺,那麼他們持續使用這款應用的頻率就會更高。
他認為,如果能在設計中避免使用文本就再好不過了。與一長串文字或字母相比,單字或單字母的圖標設計更深得人心。
(圖標從左到右分別為:Path、Pinterest、Vine、某某、唱吧、知乎)
從path和pinterest的身上,我們看到了單字流行的趨勢。國內也有很多App走這種單字路線,比如某某、唱吧、知乎等等。
對於使用圖形元素的圖標來說,簡化方法可以是找到一個最主要的元素,然後強化它。
對此向怡寧表示,圖標本事就是個抽象的東西,做得太具象、太復雜反而可能不會吸引人。
構建族群效應
App圖標最重要的設計目標之一就是讓用戶在下載時第一眼就認出它的功能是什麼,在下載後能夠迅速從茫茫的App海中選中它。於是一種約定俗稱的圖標設計方式出現了,這就相當於同一類App類屬一個族群,因此在設計上具有共同點。
當然,有人也在诟病這種現象,認為這是設計師缺乏創意的表現,但從某種程度上來看,這種慣性的延續有助於幫助一款應用在短時間內呈現出自己的主要功能。
向怡寧表示,如果是常用的App,或者說近似於系統本身的功能性App,最好保持用戶的辨識慣性。比如大家最熟悉的短信App,蘋果再怎麼升級系統,它永遠都是綠底加一個白色對話氣泡。
的確如此,如果細心觀察你會發現在事物管理類的App圖標上都會有一個對鉤圖案,對鉤是人們普遍對待辦事項的圖形化認識,也就是在完成一項任務後習慣在後面打個對鉤。如果一款新的事物管理類App上線並延續這種對鉤的圖標樣式,用戶會憑借使用慣性立刻明白它的主要功能。
如此一來,這類圖標會不會被隱匿在眾多類似圖標中呢?我們可以想一想,美食一條街上形形色色的飯店到底是在互搶生意,還是互加光環形成規模效應。
(圖標從左到右分別為:微信、易信、陌陌、Line、WhatsApp、米聊、Kakao)
同理的還有即時通訊類應用,絕大多數都使用了氣泡圖形,比如微信、易信、陌陌、Line、WhatsApp、米聊、Kakao等。顯而易見的是,氣泡代表了話題的傳達。
(圖標從左到右分別為:Facebook、Twitter、人人)
而一些不錯的社交媒體App通常會采用藍色作為圖標的主色調,比如Facebook、Twitter、人人。這體現了不同行業間的差異化定位,某某創始團隊如是說。
注:更多精彩教程請關注三聯理論教程 欄目,