伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

應用圖標 | 全面解析,助力設(shè)計出更優(yōu)質(zhì)的應用圖標!

2025-4-9    天宇 圖標設(shè)計文章及欣賞

編輯導語:各大APP的圖標都各有特點,圖標的設(shè)計也是一門學問。在這篇文章中,作者全面解析了各類APP圖標設(shè)計背后的用意,一起學習一下吧。

如果說一個人的臉面、衣著打扮是給陌生人的第一印象,那么APP的應用圖標風格與氣質(zhì)就是留給新用戶的第一印象,關(guān)系著用戶是否對這個APP感興趣、是否會打開應用介紹、是否會點擊下載按鈕起著決定性的作用。

一個好的應用圖標有著無限可能,無形中對用戶產(chǎn)生強大的吸引力,并有一種想要了解的沖動,況且圖形本身就能讓人充分發(fā)揮想象力,這就是為什么不管在哪個應用市場第一眼看到的是應用圖標,而非應用名稱。

在一部手機就能解決很多問題的互聯(lián)網(wǎng)時代,相信每個人都有下載幾十上百個APP,琳瑯滿目的列表,應用圖標是否能在第一時間抓住用戶眼球(目標明確或鐵粉除外)非常重要,一個視覺傳達清晰且有吸引力的圖標能提升用戶點擊率,即便用戶只使用過一次,相對來說,印象也會更深刻。

本文根據(jù)筆者對大量應用圖標的分析、結(jié)合設(shè)計準則進行總結(jié),希望能幫助大家在設(shè)計過程中規(guī)避掉一些常見的問題,歡迎一起探討、取長補短、共同進步。

分享目錄

  1. 四大設(shè)計原則
  2. 色彩的表現(xiàn)形式
  3. 主體圖形分類
  4. 背景圖案及元素
  5. 主體圖形的表現(xiàn)手法
  6. 應用圖標設(shè)計流程
  7. 總結(jié)

一、四大設(shè)計原則

應用圖標代表產(chǎn)品的外在形象,設(shè)計的精美與否決定著用戶的第一印象,是否產(chǎn)生打開的欲望跟當前圖標的視覺所傳達的內(nèi)涵有最直接的關(guān)系。應用圖標雖然不同于設(shè)計LOGO,表現(xiàn)方式也千變?nèi)f化,但必定有自身的設(shè)計準則要去遵守,利用設(shè)計的手段將視覺傳播的價值最大化。

1. 可識別性

首先,應用圖標需要盡量簡約。過于復雜的圖標會增加用戶的理解成本、甚至誤導用戶,但如果過于追求簡約,缺乏細節(jié)、個性化以及必要的隱喻信息,也會因過于單調(diào),造成表意不明確等問題。

簡約并非簡單,設(shè)計師需要通過專業(yè)的知識進行合理的簡化,以提升應用圖標的設(shè)計品質(zhì),方便用戶在不同場景中都能清晰的辨認。其次,需表意明確、易于理解。

應用圖標代表的是產(chǎn)品的行業(yè)屬性、功能作用或與眾不同的優(yōu)勢,要讓用戶第一眼就能識別出所代表的含義,貼近用戶的心理預期。

簡約易識別是應用圖標必備的基礎(chǔ)屬性之一,這也是為什么大部分產(chǎn)品都將logo作為應用圖標主視覺的原因,因為logo設(shè)計考慮到了方方面面以及后續(xù)延展的問題,即便有些logo較為復雜,也會通過提取局部元素、吉祥物、主體色等方式來強化應用圖標屬性,給用戶形成獨特的記憶,以提升應用的下載量和使用率。

2. 關(guān)聯(lián)性

應用圖標應該與產(chǎn)品的屬性、品牌有極強的關(guān)聯(lián)性,通過品牌延展賦予產(chǎn)品更強的生命力,讓用戶從接觸應用圖標的第一眼開始、再到后面的使用,整個過程始終都能保持清晰且統(tǒng)一的品牌認知,通過和諧統(tǒng)一的視覺效果,帶來更好的用戶體驗。

應用圖標需要與品牌之間必須保持高度的一致,著重從以下幾點體現(xiàn):

1)LOGO

毫無疑問,用品牌logo作為主體圖形是最佳選擇,結(jié)合品牌色搭配使用,能將產(chǎn)品核心理念、品牌形象的傳播效果達到極致,在APP應用市場中,大家會發(fā)現(xiàn)大多數(shù)產(chǎn)品都在使用logo作為應用圖標的主視覺圖形。

2)品牌色

品牌色即主體色,將貫穿APP所有頁面的元素組件。眾所周知,每種顏色都有其特定的含義,能傳遞給用戶不同的心理感受。用主體色作為應用圖標的背景色,可以烘托出產(chǎn)品的情感氛圍,并與進入應用后的主體色遙相呼應,以最小的視覺跳躍性將前后關(guān)聯(lián),強化用戶對產(chǎn)品的記憶感知。

3)IP/吉祥物

吉祥物屬于品牌logo延展的一部分, 也是產(chǎn)品的靈魂。當logo較為復雜時,因移動設(shè)備應用圖標位置空間有限,logo細節(jié)無法在短時間被用戶捕捉,不宜展示時,使用IP/吉祥物或其局部元素代替也是不錯的選擇。

4)產(chǎn)品名稱

如果說logo是產(chǎn)品的臉面,通過暗示和隱喻給用戶無限遐想并讓用戶記住它的樣子,那么名稱的出現(xiàn)就相當于產(chǎn)品主動進行了自我介紹,并讓用戶知道如何稱呼它。

將產(chǎn)品名稱作為應用圖標需謹慎使用:首先,文字傳達的信息量有限:其次,用戶對于圖形的理解效率要優(yōu)于文字;再者,應用圖標都會有對應的產(chǎn)品名稱展示(應用市場在右、桌面在下方),多少有些信息重復。

所以大家見到的應用圖標主體是產(chǎn)品名稱的不外乎兩種情況,一種是產(chǎn)品本身將名稱設(shè)計成字體logo,例如美團、懶飯;另一種是將產(chǎn)品名稱作為logo的輔助信息提示,例如繽紛生活。

以上是應用圖標與品牌屬性關(guān)聯(lián)最常見的四種方式,在設(shè)計中可靈活搭配,使用兩種及以上的方式組合,能將品牌傳播的途徑發(fā)揮到最大值。

3. 差異化

筆者上小學時,曾經(jīng)在一次彩鉛繪畫作業(yè)中得到了老師的真心夸贊,但內(nèi)心卻備受打擊。老師對著我畫的桃子說“這西紅柿畫的太像了”。

舉這個例子似乎并不恰當,但結(jié)果是驚人的相似,筆者想要陳述的一個觀點是,不要讓你辛苦做出的設(shè)計成為別人的嫁衣,讓用戶誤以為這是其他企業(yè)的“某某某…”產(chǎn)品。

目前,應用市場中的APP數(shù)量巨大,且還處于增長的趨勢,同行業(yè)的圖標設(shè)計同質(zhì)化相當嚴重。想要讓自身產(chǎn)品應用圖標脫穎而出,就有必要在設(shè)計之前做好競品分析,借鑒競品的優(yōu)點,在突出自身產(chǎn)品核心特征、屬性的基礎(chǔ)上,還要用不同的表現(xiàn)手法突出其差異性,給用戶留下獨特的印象,避免同質(zhì)化。

4. 可用性

應用圖標在設(shè)計完成之后(測試小組)、上線后(用戶反饋)進行可用性測試,主要針對圖標對用戶的吸引力、識別度等問題作進一步優(yōu)化,以確保圖標在不同場景中都能被用戶清晰識別并提升印象。

雖然可用性測試存在設(shè)計之后,但這一環(huán)節(jié)至關(guān)重要,它決定著產(chǎn)品的下載量以及使用率。

二、圖標顏色的表現(xiàn)形式

1. 單色圖標

單色圖標通常以品牌色作為背景色、logo以反白的形式呈現(xiàn),既能突出品牌色、還能用于烘托主體圖形,不過這種方式僅適合色值單一的logo,多色值可能會與背景色產(chǎn)生融合或色彩反差太大影響視覺傳達效果。另外,如果logo視覺重量較大,也可使用白色背景+原品牌色logo,這樣會更直觀。

單色應用圖標雖然色彩比較單一、表現(xiàn)形式也受到局限,但視覺清晰、簡潔且識別性強,如果能運用其他設(shè)計手法豐富圖標細節(jié)就再好不過了。

2. 多色圖標

多色圖標使用了兩種及以上的顏色,更多是直接使原多色彩的logo圖形+白色背景,無需任何加工,控制好尺寸規(guī)范就行。如果是運營推廣所需,如春節(jié)、618、雙11等活動,會對應用圖標加以其他色彩烘托、點綴元素或標簽等,色彩就會更多,但一般都具有時效性,活動過期即圖標復原。

多色圖標的細節(jié)、層次更加豐富,設(shè)計時確保各色彩搭配協(xié)調(diào),一旦因色彩過多造成視覺混亂,就得不償失了。

3. 漸變圖標

無論是單色還是多色,添加漸變會讓應用圖標更加細膩、耐看。漸變的表現(xiàn)手法應用廣泛,簡單的漸變能讓圖標細節(jié)豐富,同時也具備空間感和微立體感。

設(shè)計漸變色圖標需注意圖形銜接處的對比度,花里胡哨的漸變色會拉低品質(zhì)感,要確保色彩的和諧,讓圖標視覺清晰且容易識別。

4. 顏色疊加

單色、多色或是漸變都可通過調(diào)整不透明度、圖層疊加的方式來豐富應用圖標細節(jié),相比純粹的漸變,立體感和空間感更強。使用顏色疊加需注意色彩對比及明暗關(guān)系,否則會衍生出臟亂的顏色。

5. 色環(huán)的運用

環(huán)形構(gòu)圖為主,由多個元素復制并以統(tǒng)一的中心點、旋轉(zhuǎn)角度,旋轉(zhuǎn)衍生出一個主體圖形。這種應用圖標的設(shè)計構(gòu)圖飽滿、色彩豐富,能給用戶傳遞出輕松愉快的視覺體驗。

需要注意的是,由于顏色較多,至少在三種顏色及以上,否則無法構(gòu)成色環(huán)類的主體圖形(錯覺)。如果沒有超強的配色功底,最好按照色環(huán)的順序依次取色,即便沒有太大的優(yōu)勢,但至少不會出錯。

三、主體圖形的分類

一個好的應用圖標應該是多元素、多信息結(jié)合運用,才能達到更好的效果。雖然大部分主體圖形使用了logo,但并不影響設(shè)計師們對其進行拆解,提取局部元素、色彩、名稱等信息進行二次創(chuàng)作,從原則上來說,是一次線上logo的設(shè)計。

應用圖標種類繁多,切不可盲目跟風,需經(jīng)過認真的分析、研究,找到最適合自身產(chǎn)品的才是最重要的,且每種類型并非獨立,在條件允許的情況下還能跨類型靈活搭配、相互組合。

1. 中文字體

1)單中文字體

僅次于圖形logo的表現(xiàn)方式,通常會在產(chǎn)品名稱中提取一個具有代表性的文字對筆畫、結(jié)構(gòu)等進行再設(shè)計?;趪宋幕膬?yōu)勢以及對漢字的敏感度,既能降低用戶對應用圖標的認知成本、還能根據(jù)產(chǎn)品特性設(shè)計出差異化的視覺效果。

不過因為文字筆畫的原因,單個文字提取難度較大,避免信息傳遞有誤或影響識別度,建議選擇筆畫較少且具有特性/代表性的文字,若達不到條件,最好選擇其他表現(xiàn)方式。

2)多中文字體

使用兩個及以上漢字,大多直接將產(chǎn)品名稱用在圖當中,對用戶來說更容易記憶,有利于品牌推廣。相比單字體,設(shè)計感會受到一定的局限,不宜做過于夸張的表現(xiàn)方式,因文字較多,設(shè)計時一定要注意文字的協(xié)調(diào)與可讀性。

多文字圖標建議將字數(shù)控制在2~6個范圍內(nèi),3字以內(nèi)一行顯示,超過3字即兩行顯示且最多不超過兩行,否則會影響圖標的識別效果。

3)中文、圖形組合

適當添加帶有產(chǎn)品特性的輔助圖形,用引導或指向性的方式對文字進行強調(diào),圖標細節(jié)會更豐富,可以突出產(chǎn)品想要傳達的信息、以及不同的氣質(zhì),還能增加圖標的形式感和趣味性。注意添加的圖形不要過于復雜,不然會讓信息混亂,適得其反。

4)中文圖形化

根據(jù)單個字體筆畫的特點進行巧妙的變形或延展,會讓你的應用圖標更具設(shè)計感、品質(zhì)好。這種方式對設(shè)計功底的要求較高,需要確保字體的識別度,切勿霸王硬上弓,如果是為了設(shè)計而設(shè)計,就違背的信息傳播的初衷。

5)中文、IP形象組合

由產(chǎn)品名稱和IP形象組合而成,這種方式能通過品牌IP不同的視覺形象帶給用戶情感化的體驗,讓產(chǎn)品更具親和力,拉近與用戶之間的關(guān)系。例如,IP的喜、怒、哀、樂表情變化分別對應用戶不同的心理感受,以加深用戶對產(chǎn)品的印象及品牌認知。

2. 英文字體

1)單英文字體

單英文字體通常是提取產(chǎn)品名稱拼音首字母或英文首字母進行創(chuàng)意設(shè)計,跟中文字體相比,基于字母本身線條的簡潔及流暢性,再結(jié)合產(chǎn)品特點,很容易設(shè)計出兼具美感、高識別度的應用圖標。

需要明確一點,不管如何創(chuàng)意,也僅局限于在26個英文字母中選擇,如果想設(shè)計出差異化的應用圖標,對設(shè)計師來說,是一個很大的挑戰(zhàn)。

2)多英文字體

跟多中文不同,中文產(chǎn)品名稱在移動端基本不會超出6個字,而全拼音或英文名則多達十幾位甚至更多,為了用戶能更好容易識別、記憶,依然是提取不同拼音或單詞的首字母(中文全稱)進行設(shè)計。

多英文的應用圖標很很容易形成獨有的產(chǎn)品簡稱,更利于用戶記憶,但字母一定不要過多,如果無法刪減,那就只突出特定的2~4個字母。

3)其他類型

字母與圖形、IP形象組合以及字母圖形化,其表現(xiàn)方式、設(shè)計原則與中文字體圖標類似,這里不做過多闡述。

3. 數(shù)字符號

1)數(shù)字設(shè)計

人們對于數(shù)字來說是非常敏感的,不存在文化差異或認知誤區(qū),基于數(shù)字便于記憶且容易識別的特點,將數(shù)字圖形化后應用到圖標當中,會讓產(chǎn)品具有親和力,有利于品牌傳播。單純的數(shù)字過于簡單,需增加一些細節(jié),豐富圖標層次,讓其具備獨特的記憶點,不然會顯得單調(diào)。

2)符號設(shè)計

每個符號都有特定的含義,因此,在選擇符號作為應用圖標之前,首先需要了解清楚該符號是否能體現(xiàn)出產(chǎn)品屬性以及想要表達的意思,例如“¥”適合攢錢、理財相關(guān)的應用,而“+-×÷”則適合用于計算器或數(shù)學相關(guān)的應用;其次,符號跟數(shù)字一樣,都比較簡單,需經(jīng)過二次創(chuàng)作后才會使用。

4. 扁平化圖形

1)線性圖形

線性風格的應用圖標能給人一種簡潔輕快的感覺,設(shè)計師通過提取產(chǎn)品的品牌信息、功能服務等進行創(chuàng)意設(shè)計,將得到的關(guān)鍵詞以一條或多條線段組成高度抽象的圖形來達到信息傳播的目的。

通常以反白的形式出現(xiàn),背景可以是單色、漸變色或加以輔助圖形點綴。

線性圖形非常適合文藝類簡約風格的應用,通過不同的線條帶給用戶不同的心理感受,例如直線代表大方、專業(yè)、正直;斜線代表張力、速度;曲線代表流暢、飄逸及柔軟等。

設(shè)計時,切記圖形不能過于復雜,否則會影響其辨識度,增加用戶的認知成本,也不利于品牌推廣。

2)面性圖形

也可稱之為剪影圖形,根據(jù)產(chǎn)品屬性,將日常生活中被大眾所熟知的動物、植物、食品、工具、玩具…等事物進行簡化,通過刻畫事物的造型輪廓來形成獨立的剪影圖形。

高識別度的剪影圖形會讓整體看起來非常醒目,提高信息傳播的效率,只要控制好造型,即便把圖標縮到很小也能清晰辨認。

因現(xiàn)實世界中事務的復雜性,被提煉出的圖形如果細節(jié)過多會顯的復雜且不夠干練、細節(jié)過少則難以辨認,所以需要對圖形進行創(chuàng)意加工,最終以確保應用圖標的功能和美感兼具。

3)幾何圖形

幾何圖形在應用圖標中使用的很廣泛,可以是線性或面性,表現(xiàn)形式也非常豐富,利用幾何圖形通過單獨、組合、布爾運算等方式形成簡單且個性化的創(chuàng)意圖形,帶給用戶簡約、現(xiàn)代、空間、熱鬧等不同的心理感受。

幾何圖形構(gòu)圖簡潔,設(shè)計形式豐富多樣,想設(shè)計出具備設(shè)計感和差異化的應用圖標,很考驗設(shè)計師的創(chuàng)意能力。

5. 卡通形象

對純色剪影圖形增加太多細節(jié),無疑是將其“大卸八塊”,變成一堆零件,但通過多色、漸變、圖層樣式等表現(xiàn)手法設(shè)計成卡通形象,就完全不一樣了。

卡通形象能體現(xiàn)出產(chǎn)品的生命力、親和力,以及直觀且易于理解和記憶的特質(zhì),對品牌形象的塑造、傳播起到了很好作用。

在畫卡通形象時,需要注意產(chǎn)品主用戶群體的年齡段,切勿一開始就把活潑可愛作為卡通形象的代名詞,避免絕對低齡化的表達,同時需要設(shè)計師有一定的繪畫功底。

6. 擬人化

利用人體的局部元素,如眼睛、嘴巴、手足、頭部等,再結(jié)合常見的表情動作進行圖形化設(shè)計,相當于給原本冷冰冰的圖形賦予了生命力,傳達出不一樣的情感,而且用戶原本就對人體元素敏感度更高,更容易打動用戶并形成較強的記憶。

擬人化的應用圖標會顯得親民,便于拉近與用戶之間的關(guān)系,適度在抽象的圖形上加入情感化(動作/表情)表達,能生動、形象的體現(xiàn)出產(chǎn)品獨有的特性。

如果想要較強的視覺沖擊力,建議元素不要過多,最好是對某個單一的元素作放大或特寫處理,讓用戶看到更多的細節(jié),也可用夸張、比喻、襯托等表現(xiàn)手法強化特點。

7. 擬物化

擬物化圖標使用的比較少,它更偏向于某種行業(yè)類型,例如工具、游戲類型的應用,通過超接近于現(xiàn)實世界中的物體造型,基本不需要用戶思考,一眼就能理解,但也正因為這種特性,信息量的傳播受到很大局限,僅適合單一且大眾化的信息傳達。

在如今,想同時融入行業(yè)、屬性、品牌等多元化內(nèi)容的信息化時代,顯然不太實用了。

四、背景圖案及元素

1. 圖形背景

應用圖標背景通常以單色、漸變色居多,除此之外,還可以添加與主體圖形相呼應的輔助圖形背景,以豐富圖標的視覺層次。圖形背景一定是為襯托或突出主體圖形的輔助存在,切勿過分表達,以免喧賓奪主。

2. 炫彩背景

當主體圖形的結(jié)構(gòu)、色彩不是很復雜,且產(chǎn)品面對的是年輕化用戶群體時,可通過色彩拼接、晶格化或多種鮮明的色彩漸變等方式設(shè)計出炫彩效果,色彩表現(xiàn)豐富的應用圖標,能帶給用戶更強的視覺沖擊力。色彩可多但不可亂,需要把控好色彩之間的對比關(guān)系。

3. 運營標簽

常見于在特定的節(jié)日中,例如618、雙11、雙12及傳統(tǒng)節(jié)日等,產(chǎn)品會存在促銷、打折活動,為了更早的讓用戶知道,會在應用圖標的某個區(qū)域以標簽的方式出現(xiàn),起到引導用戶的作用。

不過這種表現(xiàn)方式具有時效性,活動截止即圖標樣式復原。

4. 節(jié)日氛圍

通過配色或節(jié)日相關(guān)的元素點綴,營造出一種感同身受的節(jié)日氛圍。例如:春節(jié)期間,部分應用圖標背景會調(diào)整為紅色,并使用燈籠、煙花、文案等元素點綴,制造出普天同慶、與用戶同樂的喜慶感,或者在高考期間鼓勵學生,少了套路、多了真誠,給用戶留下較深的印象。

五、主體圖形的表現(xiàn)手法

1. 對比

通過元素的大小、長短、虛實、稀疏、方向以及不同的色彩、明暗關(guān)系等方式進行對比,形成強烈的反差效果,同時兼具張力和美感,這也是應用圖標設(shè)計中很常見的技法表現(xiàn)之一。

2. 對稱

對稱在自然界中隨處可見,在互聯(lián)網(wǎng)設(shè)計中也是如此,應用圖標中的主體圖形以對稱的方式呈現(xiàn),能給用戶平衡、和諧的感覺,也讓圖標更具有觀賞性。

3. 分割

將應用圖標中的主體圖形分割,賦予不同的顏色、樣式等,明確層級劃分,可提升圖標的美感。例如:將色塊分割成不同的比例、形狀,就能組合成一個完整的熊貓圖形(百度搜“熊貓剪影”圖片)。

如果適合使用0.168黃金比例分割就再好不過了,這是被公認為最具美感的比例。

4. 重復

將相同或相近的圖形以某種規(guī)律連續(xù)性的排列,相比單調(diào)的圖形,會更加飽滿。重復性的表現(xiàn)手法以大小、色彩、位置、形狀等作為出發(fā)點進行有序的排列,最終形成一種規(guī)律、整齊的節(jié)奏和藝術(shù)感。

需要注意的是基礎(chǔ)圖形不能過于復雜,一定是有規(guī)律的重復,否則會讓圖形變的混亂,無法形成整體。

5. 重疊

在保證識別度清晰的前提下,將兩個或以上的元素相互重疊、交叉在一起,能形成前后左右的層級關(guān)系,制造空間感,同時也能將多個圖形關(guān)聯(lián)在一起,避免圖標元素零散或單調(diào),讓整體性更強,豐富用戶視覺感知。

6. 正負形

正負形也是常見的表現(xiàn)手法之一,利用正圖為底,通過減去底層挖空的方式突出(錯覺)負形,將產(chǎn)品特征、屬性及服務多途徑的傳達給用戶,可謂是“一石二鳥”。

正負形圖標能將信息傳播最大化,且設(shè)計感十足,好的正負形圖標能給用戶形成獨特的記憶點,但設(shè)計時需要注意正、負銜接的順暢度,否則無法清晰的傳播信息。

六、應用圖標設(shè)計流程

1. 發(fā)散思維、尋找隱喻

通過產(chǎn)品屬性、功能或特點進行思維發(fā)散,例如:夏天,我們會想到空調(diào)、海灘、冰淇淋、比基尼、裙子(女性)、夜空等一系列相關(guān)聯(lián)的事和物,搜集起來并做好整理歸類,確定大致的設(shè)計方向。

2. 分析競品、避免同質(zhì)化

確定了大致的設(shè)計方向,就去找同行業(yè)、同類型或相似的應用圖標分析其形狀、配色、組合類型等,取長補短,這也是避免同質(zhì)化非常重要的一個環(huán)節(jié),幫助自己在后續(xù)設(shè)計出具備差異化的應用圖標做鋪墊。

3. 提取關(guān)鍵詞

可以從產(chǎn)品名稱或功能屬性方面找出產(chǎn)品最想傳達的核心信息,并提煉出關(guān)鍵詞。切記,關(guān)鍵詞不可脫離帶水、表意不明確,一定要夠精煉、能表達出核心內(nèi)容。關(guān)鍵詞在精不在多,如果太多,需要通過層層遞進,篩選出“一主三輔”,要知道這關(guān)系著后續(xù)應用圖標傳達信息的精準度。

4. 圖標繪制

將上一步得到的關(guān)鍵詞轉(zhuǎn)化成抽象圖形,進行視覺化提煉,這時應用圖標的雛形已經(jīng)形成,再結(jié)合前面所提到的圖形分類、表現(xiàn)手法以及注意事項等,進入圖標繪制流程。關(guān)于圖標設(shè)計規(guī)范及原則,在之前的《圖標篇 | 圖標設(shè)計必備的基礎(chǔ)知識!》文章中有詳細說明,這里不做闡述。

5. 細節(jié)處理

基本圖形繪制完成后,通過添加點綴、輔助圖形、背景處理等方式豐富圖標細節(jié),進行精細化處理,使其更精致,具備高識別度及品質(zhì)感。

6. 適用性測試

分別通過移動端應用商店列表、應用詳情、設(shè)置中應用列表、桌面以及WEB商店等,對不同位置的大小、不同的桌面背景進行虛擬測試,以確保在不同場景中都能被用戶高度識別,如果這些問題等著被用戶發(fā)現(xiàn),很可能給產(chǎn)品帶來不利的影響。

7. 輸出切圖

需要對iOS和Android系統(tǒng)各輸出一套圖標,iOS只需一個1024px的切圖便能適配所有,且無需設(shè)定圓角。Android則需要多套切圖規(guī)范,如512px、198px、144px、96px、72px、48px,圓角半徑以512px為基準設(shè)定為90px(參考值)。

這些固定的尺寸規(guī)范并不在技術(shù)能力范疇,如果實在不清楚,需要用時就“百度一下”一大把,或直接找開發(fā)人員拿尺寸都不是難事。

七、總結(jié)

首先,筆者要感謝耐心看到這里的小伙伴,希望總結(jié)的內(nèi)容能幫到大家,在前期設(shè)計中作為資料參考,避免出現(xiàn)常見的問題,防止進入誤區(qū)。

其次,要想設(shè)計出優(yōu)秀的應用圖標僅看上述內(nèi)容是遠遠不夠的,少不了平時的多看、多練、多思考,需日積月累,逐漸提升自己的視覺審美、造型提煉、執(zhí)行效率等多方面設(shè)計能力。

應用圖標的總結(jié)分享就到這里了,對你有幫助的話就給筆者點個贊吧,如果有不同意見,歡迎在評論區(qū)交流或指正,以便查漏補缺,共同進步。

#專欄作家#

大漠飛鷹;公眾號:能量眼球,人人都是產(chǎn)品經(jīng)理專欄作家。致力于產(chǎn)品需求的驅(qū)動、產(chǎn)品體驗的挖掘,利用設(shè)計的手段為受眾用戶帶來更好的體驗,即好看、好用。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于 CC0 協(xié)議

蘭亭妙微(www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.cqzjtgb.com

存檔

旅游| 禄丰县| 井陉县| 白朗县| 凤山县| 尼勒克县| 吉安县| 潜山县| 张家界市| 蒙阴县| 中山市| 阿鲁科尔沁旗| 江永县| 北辰区| 棋牌| 阳谷县| 营山县| 蒲江县| 徐闻县| 潞西市| 岳阳县| 宣恩县| 儋州市| 城固县| 广州市| 永年县| 什邡市| 微山县| 商河县| 合川市| 浦东新区| 阿合奇县| 赣州市| 临洮县| 邵阳市| 洮南市| 南雄市| 图们市| 梓潼县| 修文县| 晋中市|