中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
UI設計進階干貨
userphoto

2019.03.12

關注

一個App應用圖標設計的美感與吸引力,直接決定了用戶對產(chǎn)品的第一印象。一個吸睛的APP應用圖標,可以讓用戶愿意花時間了解你,下載你的App。對于移動端APP 是最重要的「門面」,它直接關聯(lián)著產(chǎn)品的品牌價值,圖標是否具備良好的可用性,將會直接影響到品牌和產(chǎn)品本身。

通常,用戶第一次仔細看 APP 的圖標是在 App Store 和 Google Play 這樣的軟件商店和某些第三方推薦文章當中,相比于在界面中使用的功能性圖標而言,APP 圖標需要承擔更加廣泛的責任:不只要具備品牌本身的氣質和元素,還要能夠體現(xiàn)這個數(shù)字產(chǎn)品本身的功能和特質,視覺上能夠在同類的設計當中脫穎而出,在手機主界面的程序列表中還得足夠抓人眼球,易于識別。對于這樣一個小小的圖標而言,要求一點都不少,不是嗎?最近通過分析大量的應用圖標,結合自己的專業(yè)認知,今天,分享一些圖標設計的方法。此方法論描述僅代表個人認知經(jīng)驗,設計的方法有很多種,以下僅為拋磚迎玉,希望大家能找到適合自己的方法。

一. 字體

& 中文字體

1. 單個字體設計

提取產(chǎn)品名稱中最具代表性的獨立文字,進行字體設計。通過對筆畫及整體骨架進行設計調(diào)整,以達到符合產(chǎn)品特性和視覺差異化的目的。作為國人對漢字的敏感度,這樣的設計形式大大降低了用戶對品牌的認知成本。

優(yōu)點:擁有特征性的字體設計可以一目了然的傳遞產(chǎn)品信息,讓用戶在自己的手機桌面上快速找到應用所在。如支付寶、網(wǎng)易郵箱大師、知乎等應用圖標,識別性很強。

獨立文字的提取難度較大,只能應用于產(chǎn)品名稱中有特征性含義的產(chǎn)品,如果提取不當很容易達不到市場差異化,與很多相同字體混淆在一起,干擾用戶對產(chǎn)品的記憶。

2. 多個字體設計

多個字體設計通常為產(chǎn)品名稱直接運用在設計中,如有道、閑魚、當當、小紅書等。多個字體設計需要注意的是整體的協(xié)調(diào)與可讀性,一排出現(xiàn)兩個漢字屬于比較理想的可讀范圍,極限值為3個漢字并排,最多兩行為宜。

由此推算,適合運用字體作為應用圖標的產(chǎn)品名稱最多6個字為宜,超出這個數(shù)量,將會大大降低用戶對產(chǎn)品的識別能力。

優(yōu)點:可以更加直接的告知用戶產(chǎn)品名稱,便于品牌推廣,減少用戶的記憶成本。

對產(chǎn)品名稱有一定限制因素,以1~4個漢字為最佳,超過6個漢字組合將會影響用戶的識別能力。

3. 字體加輔助圖形

為了突出產(chǎn)品特有的氣質和屬性,通過字體與輔助圖形組合來烘托這樣的氛圍也是設計方式之一。如頭條字體和文章剪影圖形組合形成內(nèi)容豐富的氛圍,利用紙張折痕的效果突出文藝氣質,購物袋的圖形運用烘托購物的氛圍等等。

優(yōu)點:相比單純的文字設計,適當輔助一些帶有產(chǎn)品特性的圖形,可以更加靈活的突出產(chǎn)品氣質和屬性。

圖形運用不當容易對字體信息的傳達造成干擾,需要在字體設計比重和圖形難易度之間做好權衡。

4. 字體加幾何圖形組合設計

幾何圖形的運用可以增加圖標的形式感,如矩形與字體設計組合可以強調(diào)局部信息;圓潤的形狀可以使圖標風格更加活潑有趣;三角形的運用有一定的引導性。

優(yōu)點:幾何圖形的運用可以增加應用圖標的形式感和趣味性。

常用的幾何圖形形式單一,難以形成獨有的視覺差異。

&英文

5. 單個英文字母設計

英文字母設計通常是提取產(chǎn)品名稱首字母進行設計,由于英文字母本身造型簡潔,結合產(chǎn)品特點進行創(chuàng)意加工,很容易達到美感和識別性兼?zhèn)洹?/p>

優(yōu)點:利于設計師發(fā)揮,很容易做出具備美感的應用圖標。

很容易創(chuàng)意雷同,視覺差異化很難保障。

6. 多個英文字母

多個英文字母通常是產(chǎn)品名稱全稱或幾個單詞首字母縮寫組合而成,在國內(nèi)也會提取漢語拼音和拼音首字母等方式進行組合。在進行字母組合設計的時候,需要考慮組合字母的識別性,單排字母為1~3個為宜,字母越多,識別性越低。

優(yōu)點:組合字母很容易形成獨有的產(chǎn)品簡稱,方便用戶記憶,如OFO,YY等。

熱門的組合字母容易雷同,對產(chǎn)品差異化形成挑戰(zhàn)。

7. 字母加背景圖案

通過添加背景圖案,結合字母設計組合呈現(xiàn),既可以增加應用圖標的視覺層次感,也能豐富視覺表現(xiàn)力。這里需要注意背景圖案的色相和繁簡度的處理,需要和字母設計形成強對比,使信息傳達不受影響。

優(yōu)點:可以豐富應用圖標的視覺層次感和視覺表現(xiàn)力。

字母數(shù)量過多時,背景圖案的設計繁簡度會影響信息的傳達。

8. 字母加圖形組合

字母加圖形組合設計應用比較廣泛,圖形分為幾何圖形和生活映象提煉的圖形。如酷狗音樂就是結合圓形組合而成,QQ瀏覽器則是與生活中云朵的提煉圖形結合而成。通過字母與圖形進行創(chuàng)意加工,可以使應用圖標視覺表現(xiàn)更加飽滿。

優(yōu)點:圖標視覺表現(xiàn)飽滿,對字母的設計要求相對較低。

如果選取的圖形為常用圖形,不易形成特征性元素。


&數(shù)字

9. 數(shù)字設計

數(shù)字對于我們來說是非常敏感的,利用數(shù)字進行設計能給人親和力。由于數(shù)字的識別性很強,易于品牌傳播與用戶記憶。

優(yōu)點:自帶親和力,識別性強,易于傳播和記憶。

針對性較強,數(shù)字與品牌關聯(lián)性密合度控制較難。

&特殊符號

10. 特殊符號設計

特殊符號在應用圖標的設計案例中相對較少,由于符號本身的含義會對產(chǎn)品屬性有一定限制,所以針對性比較強。如「¥」符號可代表與錢財有關聯(lián)性的產(chǎn)品,無法運用在與此屬性無關的產(chǎn)品上面。

優(yōu)點:圖形特征明顯,自身有很強的屬性,可以很好的詮釋關聯(lián)的產(chǎn)品屬性。

圖形屬性針對性較強,獨立圖形無法在同類產(chǎn)品中形成差異化,需要結合產(chǎn)品特征進行組合設計。

三. 圖形

11. 幾何圖形設計

幾何圖形的運用設計給人簡約、現(xiàn)代、個性、富有空間感等視覺感覺,從單個具象圖形到復雜的空間感營造,幾何圖形的表現(xiàn)形式非常豐富。

不同的形狀給人的情感表達不同,如三角形給人傳達個性、穩(wěn)定、現(xiàn)代、時尚等,添加圓角后又會更加親民、可愛。我們可以結合產(chǎn)品特征,合理的選擇適合的形狀圖形進行創(chuàng)意。

優(yōu)點:構圖簡潔,設計形式豐富多樣,不同的形狀和細節(jié)處理可以營造不同的氛圍。

過于簡約的形狀容易創(chuàng)意雷同,無法形成差異化,考驗設計師的圖形創(chuàng)意能力。

12. 抽象圖形

通過提取品牌信息、產(chǎn)品服務、功能模塊等關鍵詞進行圖形創(chuàng)意,形成的圖形不屬于生活中大家常見的基本圖形,是對品牌進行高度提煉形成的抽象圖形。通過暗喻的形式傳達品牌文化和產(chǎn)品特點,品牌獨特性較強。

優(yōu)點:抽象圖形品牌獨特性較強,容易形成視覺差異化。

用戶認知記憶成本較高,品牌推廣難度較大。

13. 動物剪影設計

動物剪影通常是提取動物外部輪廓進行單色填充,可以提取動物整體形象或者局部特征部位作為設計元素。這類應用圖標背景為單色或者漸變色,少量的會輔助一些圖形作為背景元素,動物采用單色填充,以白色填充居多。

優(yōu)點:單色填充的動物形象與背景對比強烈,整體視覺效果直觀醒目、簡潔大方。

常見的動物形象容易雷同,生僻的動物造型對用戶的認知能力有一定的挑戰(zhàn)。

14. 剪影設計

除了動物剪影以外,生活中可以作為剪影設計的元素很多。如食物、工具、生活用品、學習用品、娛樂道具等等??梢元毩⑿纬杉粲皥D形,也可以根據(jù)產(chǎn)品特點進行創(chuàng)意加工,最終形成應用圖標獨有的造型圖案。

15. 相同圖形重復設計

將相同的圖形進行有序的排列,排列形式有梯度漸變、等大均排、規(guī)律性重復、配色差異、大小錯落等。這樣的設計方式可以給單調(diào)的圖形增加層次感和構圖飽滿,有一定梯度漸變和規(guī)律性重復的圖形組合可以傳遞一定的韻律感和動感。

優(yōu)點:給單調(diào)的圖形增加層次感,也能增強整體的構圖飽滿度。

對于沒有特征性的圖形容易形成單調(diào)乏味。

16. 正負形設計

正負形的設計在logo圖形設計中是比較常見的表現(xiàn)手法,運用在圖標設計中,以正形為底突出負形特征,以負形表達產(chǎn)品屬性。利用正負形進行設計,圖形設計感較強,正形與負形可以更加充分的表達產(chǎn)品特征與服務。

優(yōu)點:圖形設計感較強,可以更加充分的表達出產(chǎn)品特征與服務。

對圖形設計能力要求較強,正形與負形銜接必須順暢,不然無法清晰的傳達產(chǎn)品特征。

17. 線形設計

線性設計風格的圖標給人簡潔輕快的感覺,線性設計的方式分閉合式和開放式,可以是一條連續(xù)的線條或者幾條線段組成。在有色背景上面線條通常反白處理,背景設計可以是單色、漸變色、其他輔助圖形設計等。

優(yōu)點:傳遞簡潔輕快的產(chǎn)品屬性,適合文藝、小清新、簡約風格的應用。

僅用于表現(xiàn)簡約的圖形,對于造型復雜的圖形將會影響識別度。

18. 白色漸變圖形設計

白色漸變是利用白色漸變填充,不透明度100%到X%「X透明度在100%到0%之間」之間設置完成。白色漸變圖形具有空間感、質感,視覺效果較好,被廣泛運用在應用圖標設計中。

優(yōu)點:比單純的剪影圖形更具空間感和質感,傳遞更多的細節(jié)表現(xiàn)。

圖形本身僅為白色填充,必須在深色背景才能清晰的呈現(xiàn),不適合淺色背景。

19. 彩色漸變圖形設計

彩色漸變是利用多種顏色進行漸變,比起白色漸變圖形,彩色漸變圖形的色彩表現(xiàn)更加豐富。多種顏色進行漸變銜接的時候要注意色相的對比,營造空間感。應用圖標的背景需要和圖形的色彩形成對比,最佳的背景為白色或者淺色。

優(yōu)點:圖形色彩表現(xiàn)更加豐富細膩,圖標表現(xiàn)出更多的細節(jié)。

多種顏色的搭配色彩絢麗,色彩組合處理不當容易使圖標整體過于花俏,很難形成獨有的品牌色認知。

20. 動物形象設計

動物作為圖標設計元素是比較常見的方式之一,動物給人的印象比較可愛,有助于加深用戶對產(chǎn)品的印象。動物的表現(xiàn)形式有剪影、線性描邊風格、面性風格等。

優(yōu)點:動物形象給人可愛的印象,有助于加深用戶對產(chǎn)品的印象。

常見的動物形象容易雷同,罕見的動物對用戶的推廣成本較高。

21. 動物局部設計

利用動物局部進行圖形設計,可以讓元素特征更加明顯。比起展示整個動物形象,局部特征展示視覺表現(xiàn)力更強。

優(yōu)點:圖形特征元素更加明顯,視覺表現(xiàn)力更強。

動物局部的選擇需要擁有更加明顯的特征,否則無法正確識別動物形象。

22. 人體局部設計

利用人體局部作為圖形設計元素,比較常用的有眼睛、嘴巴、手掌、頭部等。利用人體的元素進行設計,用戶對圖形的敏感度更強,易于傳播和記憶。

優(yōu)點:用戶對于人體局部元素創(chuàng)意的圖形敏感度高,容易形成記憶。

常用的局部特征容易雷同,必須從表現(xiàn)手法上面加以區(qū)分,挑戰(zhàn)設計師的設計能力。

23. 卡通形象設計

卡通形象與動物形象容易混淆,因為很多卡通形象都是基于動物設計演變而來。這里單獨提取出來是為了歸類一些單純以動物外形為設計元素的表現(xiàn)手法??ㄍㄐ蜗笤O計在應用圖標的設計中是非常常見的,很容易對用戶形成記憶。

優(yōu)點:形象可愛、親民,易于用戶記憶與傳播。

卡通形象的設計難度較大,對設計師的要求較高。

24. 卡通形象臉部設計

卡通形象臉部設計是通過只展示臉部信息來進行設計,以圖標整體輪廓作為臉部外形,突出卡通形象的表情特征。

優(yōu)點:卡通形象表情特征明顯,視覺沖擊力和圖標的識別性較強。

表情特征處理要求較高,處理不到位容易使整個形象呆板無趣。

25. 擬人化圖形設計

通過對接近圓形或者構圖飽滿的圖形添加眼睛等元素,可以使整個圖形擬人化。給原本冰冷的圖形賦予其生命,擁有一定的情感表達,讓產(chǎn)品更加親民,更容易被用戶所接受和記憶。

優(yōu)點:使圖形更加情感化,更容易打動用戶,拉進與用戶的距離。

對圖形本身的造型要求極高,并非通用于大部分圖形。

26. 從功能服務提煉圖形

為了更加清晰的傳遞產(chǎn)品的某項功能與服務,根據(jù)產(chǎn)品的功能服務提取元素進行圖形設計也是比較常用的表現(xiàn)手法,如計算器、日歷、導航等直接提取相關聯(lián)的圖形元素進行設計,一目了然的傳遞出產(chǎn)品信息。也可以從產(chǎn)品服務內(nèi)容入手進行提煉,如教育類產(chǎn)品,提取學士帽為元素進行設計。

優(yōu)點:能夠清晰直接的傳遞產(chǎn)品信息,減少用戶的認知成本。

相同功能的產(chǎn)品之間無法形成差異化,如日歷,很難讓用戶對某個品牌推出的日歷產(chǎn)生記憶。

27. 擬物圖標設計

隨著扁平風格的盛行,擬物圖標的表現(xiàn)手法出現(xiàn)在少數(shù)產(chǎn)品和游戲類的產(chǎn)品中,如錘子推出的系列應用,依然保留著這樣的風格。在超質感擬物風格和抽象的扁平風格之間進行取舍,便出現(xiàn)了微質感的設計表現(xiàn)形式,也得到很多設計師的青睞。

優(yōu)點:光影與質感的處理使得圖標設計展現(xiàn)出更多的細節(jié),還原真實場景。

對很多剛入行的設計師來說設計成本較大,在如今快節(jié)奏的生活中使得整個產(chǎn)品不夠輕快。

四. 色彩

28. 色環(huán)運用設計

圖形設計以環(huán)形構圖為主,配色為多種顏色形成如同色環(huán)一般,這樣的圖標設計構圖飽滿、色彩豐富,給用戶傳遞輕松、愉快、可愛、親和、熱情的產(chǎn)品形象。

優(yōu)點:構圖飽滿,色彩豐富,給用戶傳遞更加輕松愉快的體驗。

界面風格必須和圖標多彩的風格保持一致,界面配色的設計難度較大。

29. 單色背景

單色背景的應用圖標非常常見,其顏色的選擇通常是品牌色為主,烘托出圖形的視覺表現(xiàn)。圖形的處理方式以反白、白色漸變、輔助色點綴等較為常見。

優(yōu)點:突出品牌色,便于圖形的視覺表現(xiàn)。

配色單調(diào),圖形的視覺表現(xiàn)形式較少,圖形配色需要結合背景色做出對比。

30. 漸變色背景

漸變色背景的運用越來越受到設計師青睞,相對于單色的背景視覺表現(xiàn)力更加豐富,整體色彩給人通透的感覺。漸變色可以是雙色漸變,也可以是多色漸變,根據(jù)產(chǎn)品的氣質靈活的運用。

優(yōu)點:色彩的視覺表現(xiàn)力更加豐富,整體色彩給人通透的感覺。

漸變色的運用過多會使圖標整體花俏,對于配色「度」的把控需要注意。

31. 文藝風格設計

文藝風格圖標設計配色清新、復古、簡約,適合帶有文藝風格類的產(chǎn)品。設計方向為簡約的圖形組合或者文藝風格的字體設計為主,圖標整體留白較多,配色簡約,白色背景居多。如果是深色背景則采用黑色、復古色為主。

優(yōu)點:圖形造型簡約,配色清新,文藝風格特征明顯。

這種風格僅適合特定的用戶群體和產(chǎn)品。

32. 活動氛圍設計

在一些購物類產(chǎn)品中,經(jīng)常會對應用圖標進行特定的活動氛圍包裝。會保留原本的圖形面貌,進行整體的氛圍營造,以突出購物火爆的場景感。如即將到來的雙十一活動,很多平臺都進行相應的氛圍營造。

優(yōu)點:突出活動氛圍,營造購物火爆的場景感。

時效性較短,活動結束便恢復原貌。

五. 板式

33. 對稱設計

受到傳統(tǒng)文化的影響,國人比較喜歡對稱設計,如古代建筑、生活器具、裝飾圖案等,對稱圖形帶給人的感覺是穩(wěn)重、安靜、平和、莊嚴、正式等。在應用圖標的設計中,對稱的運用是非常常見的設計手法,有左右對稱、上下對稱、斜角對稱等表現(xiàn)形式。

優(yōu)點:對稱形式歷史悠久,被廣大用戶所喜歡,構圖也比較飽滿穩(wěn)重。

對稱兩邊的圖形設計保持一致,可以充分利用對稱形成的負空間,讓圖形寓意更加豐富。

34. 打破常規(guī)

設計初期我們需要學會對齊,設計排版整齊規(guī)整,隨著設計師設計功底的成熟穩(wěn)定,打破對齊也將體現(xiàn)出一位老司機的功底。在進行應用圖標的設計布局時,設計師為了突出產(chǎn)品的獨特性,會選擇打破常規(guī),也許會得到不一樣的視覺效果。

優(yōu)點:打破常規(guī),擁有獨特的視覺特征,傳遞給用戶不一樣的視覺體驗。

需要設計師更強的設計把控力,把握好圖標整體的形式感。

35. 圓形的運用

圓形的運用在應用圖標的設計中非常常見,有圓形外圈的運用、整體構圖呈現(xiàn)圓形、圖形創(chuàng)意結合圓形進行創(chuàng)意加工、以圓形作為背景突出特征圖形等表現(xiàn)形式。圓形的設計構圖飽滿,表現(xiàn)形式更具親和力,被廣大用戶所喜愛。

優(yōu)點:可以將瑣碎的圖形規(guī)整,整體構圖更加飽滿,表現(xiàn)形式更具親和力。

圓形營造的構圖穩(wěn)重、平和,需要通過夸張的圖形來增強視覺沖擊力。

六. 游戲

36. 游戲角色運用設計

游戲類應用圖標設計需要設計師具備較強的寫實圖標設計功底,設計方向主要有:游戲角色、純文字、道具或標識、明星頭像、輔助圖形或元素等。設計表現(xiàn)力需要顏色鮮艷、角色表情和動作夸張、設計精美有質感等。

一個好的游戲應用圖標需要設計風格和游戲內(nèi)畫風一致,視覺表現(xiàn)對玩家的吸引力直接影響到游戲是否吸量。

優(yōu)點:設計精美有質感,視覺沖擊力大,吸引用戶眼球。

缺點:設計功底要求較強,整體圖標的視覺表現(xiàn)力需要結合游戲整體風格,考驗設計師的綜合設計能力。

七. 注意事項

1. 第一件事:從背景信息搜集開始

在給一個 APP 設計圖標的時候,最重要的是什么事情?是圖形和色彩嗎?這當然重要,但不是最重要的。隨后我們會講到這個部分,但是給 APP 設計圖標的時候,這不是起點。先應該了解的是產(chǎn)品背后公司的氣質、團隊的背景、產(chǎn)品的功能,而不是直接設計。

了解這個圖標所涉及到的 APP 的業(yè)務組成和整體架構,詢問團隊相關的營銷策略和內(nèi)容,包括價值主張,目標受眾,市場特征,定價策略,這些東西確定了產(chǎn)品本身給人的感覺,應該有的定位,這些東西都和設計息息相關。沒有做足夠深入的背景調(diào)研,就只能閉著眼睛畫圖了,這很難讓 APP 圖標真正貼合產(chǎn)品,發(fā)揮功用。

企業(yè)和產(chǎn)品本身的狀況和數(shù)據(jù)對于設計的重要性,怎么強調(diào)都不算過分。認真搞定這種準備工作,絕對是磨刀不誤砍柴工。


2. 熟悉標準:仔細研讀設計規(guī)范

雖然在圖標的設計上,創(chuàng)意和想法并不受限制,但是在任何平臺上,都有著相對清晰的設計規(guī)范,它們是需要設計師嚴格遵守的。設計規(guī)范讓圖標在一個范圍內(nèi)和其他的圖標在視覺上保持著足夠的協(xié)調(diào),設計師可以在規(guī)范范圍內(nèi)讓圖標更加「出彩」,而不是「突?!?。

在 Android 平臺和 iOS 的設計規(guī)范中,對于圖標的設計和使用有著非常清晰的說明,從配色到尺寸大小,包括樣式和具體使用場景。請盡量遵循圖標設計的技術規(guī)格和設計建議,因為許多問題和障礙是設計規(guī)范的制定者已經(jīng)考慮清楚了,遵循規(guī)范能夠讓你的設計繞過很多坑。

3. 選對工具:大家通常用這些軟件

通常情況下,最終輸出的圖標會使用 PNG 格式,不論你選擇什么樣的工具,至少要能夠輸出PNG 格式的圖標。當然,這只是選擇軟件工具過程中很小的一個條件。目前,絕大多數(shù)的設計師都會選擇時下最常見、接受度最高的專業(yè)軟件,其中幾個甚至就是行業(yè)標準本身:

  • Adobe Illustrator CC ,也就是常說的 AI,是最好的矢量設計工具之一,歷史悠久。

  • Adobe Photoshop CC,是目前使用范圍最廣也是最好的位圖編輯軟件,無論是制作光影還是陰影效果,都非常的稱手。

  • Sketch 是一款有著友好界面和豐富插件的矢量圖形編輯和 UI設計軟件,對于復雜的設計它可能不是最好的選擇,但是拓展性足夠強大,許多功能都是基于現(xiàn)代的 UI 和移動端的設計來開發(fā)的。

  • Affinity Designer 是矢量繪圖軟件中的新貴,有著足夠干凈的 UI,非常適合初學者。


4. 注意細節(jié):簡約而富有凝聚性

在設計圖標的過程中,記得隨時審視圖標,看看是否缺少一些關鍵性的信息,關鍵性的元素是否缺失了,是否有多余的東西。眾所周知,APP 的圖標被設計出來之后,會出現(xiàn)在不同的場合,大小也不盡相同,隨著大小尺寸的變化,有些信息會變得不夠顯著,擁有太多細節(jié)的圖標會在縮小的時候顯得非?;靵y,所以將過多的文本和圖片細節(jié)融入到 APP 圖標當中,是非常沒有必要的。

簡約的圖標設計不僅僅是一種風格上的選取,它在功能和體驗上的優(yōu)勢也非常的明顯。不要指望將大量的隱喻和內(nèi)容都包含在同一個圖標當中,抓住最主要的概念和想法,并且用清晰的輪廓、簡單的元素來呈現(xiàn)它。至少絕大多數(shù)大型企業(yè)和優(yōu)秀的團隊都傾向于使用直截了當?shù)脑O計。

5. 結合品牌:記得考慮品牌風格指南

每個品牌都有著獨特的設計,從配色方案到細節(jié)元素的樣式,通常都有著相對明確的定位。品牌風格指南在絕大多數(shù)的品牌當中,已經(jīng)具備了非常明確的說明文檔。為了讓 APP 的圖標和品牌的聯(lián)系足夠清晰,最好參考品牌風格指南來進行設計,這樣確保用戶在看到 APP 的第一眼就能夠從視覺上與品牌本身構成關聯(lián)。

6. 艱難取舍:讓你的圖標替APP發(fā)聲

當你想到電子郵件的時候,你的腦海當中想到的第一個意象是什么?是信封,對嗎?那么,當你在蘋果的 App Store 中搜索郵箱的時候,會發(fā)現(xiàn)一大堆的信封樣式的圖標,各種配色和風格都有,不一而足。

一方面,使用大眾所熟知的意象來設計圖標,確實非常成熟,被廣泛的認知,大家非常容易理解。而這種設計策略還有另外一面:類似的設計意味著激烈的競爭。這件事情可能是設計師在設計圖標的時候,所面臨的最大的挑戰(zhàn):設計師需要在原創(chuàng)性和功能性之間,做艱難的取舍。

7. 知己知彼:仔細審視競爭對手的設計

留出足夠的時間來對競爭對手進行調(diào)研,了解競爭對手的功能,APP的設計,圖標的構思,這樣可以讓設計師足以排除已有的設計,在營造獨特性上獲得思路,避免作出和競爭對手相似的設計,降低風險。

有些甲方喜歡使用和競爭對手相似的元素,這同樣有其優(yōu)勢在,因為相似甚至相同的元素確實會讓一些用戶面對這個新的 APP 的時候,產(chǎn)生信任感和同理心。但是和之前所提到的很多問題一樣,這需要設計師來取舍,或者控制中間的程度??雌饋硖^相似,用戶會視之為山寨和跟隨者,缺乏獨特性,很容易讓人在使用過程中失去信任,甚至完全放棄。

8. 開始設計:選擇正確的色彩和展現(xiàn)形式

終于到了這個熟悉的環(huán)節(jié)了。優(yōu)秀的配色和有趣的圖形,確實能夠讓圖標在視覺上脫穎而出。在選擇色彩這個環(huán)節(jié),很多設計師都很容易收不住手,許多色彩擠壓在小小的圖標當中,會讓圖標變得像現(xiàn)代藝術品一樣。這個時候,需要在已經(jīng)限定的色彩范圍內(nèi)(品牌用色),結合色彩心理學,來構建圖標的色彩體系。

在紙上繪制圖標的原型,探索基本的想法和構圖,是非常有效的手段,無論你會不會手繪,這個過程都會讓你的設計過程更加順暢,很多創(chuàng)意和想法,會在紙和筆的摩擦中,逐漸誕生,這一點,是許多數(shù)字軟件都無法替代的。

此外,運用基本的幾何圖形(圓形、方形、三角形等)來創(chuàng)建圖標的基本框架,非常有用。請記住,任何復雜的圖標都是在簡單的圖形的基礎上創(chuàng)建出來的。

9. 多做檢驗:繞不過的實際測試

無論你的 APP 圖標出現(xiàn)在什么地方,你都希望它看起來是非常不錯的,對吧?所以,接下來繞不過的環(huán)節(jié),就是要在不同的場合、不同的地方測試圖標的設計,是否有足夠的對比度,是否看起來足夠清晰,是否能夠融入相應的場景,是否貼合品牌的氣質,等等。

  • 檢查不同尺寸的 APP 圖標,主要注意看小尺寸的圖標是否可以看得清,識別度如何,大尺寸的圖標是否有不恰當?shù)脑O計;

  • 使用不同的背景來查看APP 圖標,看看圖標在不同色彩、樣式的背景下,是否有足夠的對比度;

  • 了解圖標在不同分辨率下的樣子;

  • 不要只在 App Store 和 Google Play 下測試圖標的外觀,還可以將圖標放到隨機某個用戶的屏幕上,看看實際的效果。


八. 注意事項

關于應用圖標就BB這么多,其實我們平時在用APP的時候都沒真正留意過它,但是它是我們打開軟件的第一步,如何在同類型的的界面上面脫穎而出,是每個設計師該去思考的問題!

系列文章閱讀

UI設計進階干貨 - 首頁

UI設計進階干貨-注冊登錄

UI設計進階干貨-引導頁

UI設計進階干貨-閃屏

UI設計進階干貨-重陽節(jié)閃屏賞析

UI設計進階干貨-列表頁

UI設計進階干貨 - 切圖&命名

UI設計進階干貨 - 適配&標注

相關文章

我要進群

想要辭職的第896天

iOS設計尺寸規(guī)范

Android設計尺寸規(guī)范

小程序設計規(guī)范

Web UI 網(wǎng)頁設計規(guī)范

平面設計基礎常識匯總

全鏈路UI設計師了解一下

令人驚嘆的網(wǎng)頁設計長什么樣?

超贊的27個高質量免費圖片網(wǎng)站

3小時內(nèi)創(chuàng)下150萬流量的H5都長什么樣?

成體系!UI自學教程大禮包全新上線

120G頂級C4D教程強勢來襲

你和大神之間只差一份高級進階教程

100集國際頂尖AE視頻教程強勢來襲

100G頂尖游戲原畫視頻教程限時免費領?。?/a>

iPhone X 人機交互指南及其設計細節(jié)

一款APP從設計到切圖標注適配全記錄

2018年網(wǎng)頁設計的19個趨勢!

WUI | 極簡網(wǎng)頁界面設計

2018現(xiàn)役最全的14種平面設計風格

10個讓人上癮的設計神器1

讓人上癮的設計神器2之大氣星球

H5十大云端神器“仙”界有名

無需代碼!9個最強設計師作品集制作神器

明明我比他厲害為什么我收到offer比他少一半?

萬字干貨!這可能是最全面的交互基礎知識總結

近兩萬字的干貨!最全面的網(wǎng)頁設計基礎知識全攻略


關鍵詞回復:

軟件下載 、UI學習 、面試技巧、Banner,樣機下載

LOGO、C4D教程,名片,包裝,字體下載

設計規(guī)范,創(chuàng)意合成,作品集模板

(可見相對應知識文章)

本站僅提供存儲服務,所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
Logo Matters!| 業(yè)界最佳Logo票選頒獎典禮
5個方法教你如何設計一款優(yōu)秀的APP LOGO
誰再找我做免費Logo,我就把這篇文章掏出來。
圖標設計軟件有哪些?這幾款設計值得推薦
想設計出與眾不同的APP LOGO嗎?純正的干貨都在這里了
如何通過設計給用戶營造信任感?
更多類似文章 >>
生活服務
熱點新聞
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服