任何應(yīng)用程序開發(fā)公司都會做出的最關(guān)鍵的選擇之一是應(yīng)用程序圖標(biāo)的設(shè)計。好的圖標(biāo)很有吸引力并且會增加互動,而糟糕的設(shè)計會減慢采用速度并降低用戶使用它的可能性。他們的第一印象將是您的應(yīng)用程序的圖標(biāo) - 這是他們從首次下載您新發(fā)布的產(chǎn)品的任何商店中首先看到的內(nèi)容,也是他們每次啟動該產(chǎn)品時都會看到的內(nèi)容。
獲得正確的描述不僅是一件好事,而且也是一件好事。如果您希望您的應(yīng)用程序取得成功,這一點至關(guān)重要。幸運的是,在制作圖標(biāo)方面,有很多地方和公司可以從中汲取靈感。在本文中,我們將討論五家頂級科技公司在應(yīng)用程序圖標(biāo)設(shè)計方面所做的工作,以及您可以從這些出色的設(shè)計師那里學(xué)到什么
要點:
- 應(yīng)用程序圖標(biāo)設(shè)計需要滿足一系列標(biāo)準(zhǔn),包括美觀、功能、品牌代表性和特定于平臺的考慮因素。
- 在考慮設(shè)計自己的圖標(biāo)時,請考慮頂級公司的建議,例如蘋果公司對簡單性的強調(diào)或微軟平衡創(chuàng)新與傳統(tǒng)的流暢設(shè)計系統(tǒng)。
什么是應(yīng)用程序圖標(biāo)設(shè)計?
應(yīng)用程序圖標(biāo)設(shè)計涉及為您的應(yīng)用程序創(chuàng)建完美的圖標(biāo)。它通常封裝應(yīng)用程序的品牌、用途和主要功能,將這些元素提煉成簡單、令人難忘的圖像。設(shè)計應(yīng)用程序圖標(biāo)時,請考慮顏色選擇、形狀和可擴展性因素。
此外,設(shè)計人員必須牢記特定于平臺的準(zhǔn)則。iOS、Android和其他操作系統(tǒng)都有獨特的設(shè)計標(biāo)準(zhǔn),以確保一致的用戶體驗。當(dāng)我們了解流行科技公司為其應(yīng)用程序圖標(biāo)所做的事情時,我們將更詳細(xì)地討論這些內(nèi)容。
從本質(zhì)上講,應(yīng)用程序圖標(biāo)設(shè)計是美學(xué)、功能和品牌表現(xiàn)的融合,所有這些都限制在一個小的視覺空間內(nèi)??紤]到它給用戶的印象和有限的像素空間,獲得最佳的應(yīng)用程序圖標(biāo)設(shè)計至關(guān)重要。
頂級公司對應(yīng)用程序圖標(biāo)設(shè)計有何評價?
在設(shè)計方面,頂級科技公司有很多值得學(xué)習(xí)的地方,因為他們經(jīng)常聘請市場上一些最有才華的設(shè)計師。他們的市場領(lǐng)導(dǎo)者地位意味著他們通??梢砸I(lǐng)一些趨勢。以下是 Apple、Microsoft、IBM、Atlassian 和 Google 在應(yīng)用程序設(shè)計方面所做的工作。
1.蘋果
許多人將蘋果視為設(shè)計領(lǐng)域的領(lǐng)導(dǎo)者。從標(biāo)志性設(shè)備到令人驚嘆的應(yīng)用程序,無數(shù)公司都向它們尋求靈感。與許多平臺開發(fā)商一樣,蘋果在網(wǎng)上列出了他們的最佳實踐。在圖標(biāo)設(shè)計方面,以下是該品牌的三個關(guān)鍵要點。
首先,簡單更好。想想你見過的所有令人難忘的圖標(biāo)。讓我們以 Facebook 或 Twitter 的舊徽標(biāo)為例。它們分別是一只鳥和一個“f”。現(xiàn)在,想想蘋果的設(shè)計。例如,Apple Music 只不過是幾個音符。這些圖標(biāo)中的每一個都非常簡單。請記住,這些圖形描述在用戶設(shè)備上往往非常小。制作復(fù)雜的細(xì)節(jié)很快就會消失。出色的應(yīng)用程序圖標(biāo)設(shè)計大膽且易于識別 - 它簡單且易于在眾多應(yīng)用程序中被發(fā)現(xiàn)。想想如何讓你的圖標(biāo)設(shè)計過程變得簡單!
接下來,如果可能的話,刪除文本,或者至少將其保持在最低限度。僅當(dāng)文本是您品牌的重要組成部分時才包含文本。太多人希望包含公司名稱或標(biāo)語,但這通常很難閱讀,尤其是在較小的設(shè)備上。如果可能的話,讓你的應(yīng)用程序圖標(biāo)保持圖形化。
最后,考慮您的平臺并在必要時創(chuàng)建備用應(yīng)用程序圖標(biāo)。在 iOS 上看起來不錯的圓角設(shè)計在 Android 上可能就不那么好看了。通過考慮(并定制您的應(yīng)用程序圖標(biāo))平臺,您將創(chuàng)建獨特但統(tǒng)一的體驗,無論人們在哪里使用您的應(yīng)用程序。
2.微軟
微軟的流暢設(shè)計系統(tǒng)囊括了用戶界面和體驗設(shè)計的未來,同時確保與公司的歷史根源有著深刻的聯(lián)系。關(guān)于通過 Fluent 進行應(yīng)用程序圖標(biāo)設(shè)計,明顯綜合了過去、現(xiàn)在和未來 - 現(xiàn)代應(yīng)用程序設(shè)計者應(yīng)該考慮這一點!
基于 Fluent 的圖標(biāo)不僅僅是美觀。雖然他們擁抱深度、光線、運動和物質(zhì)性來提供現(xiàn)代的交互式用戶體驗,但對微軟的傳統(tǒng)有著基本的尊重。挑戰(zhàn)在于取得平衡:如何在尊重和回憶早期軟件的標(biāo)志性圖像的同時進行創(chuàng)新?微軟希望在保留大部分歷史的同時,對其產(chǎn)品進行改頭換面。以下是他們應(yīng)用的一些規(guī)則:
超越單色。微軟的答案是向過去致敬的分層動態(tài)圖標(biāo)。這些圖標(biāo)保持熟悉感,確保長期用戶有賓至如歸的感覺,同時以其現(xiàn)代外觀吸引新用戶。調(diào)色板與傳統(tǒng)主題和現(xiàn)代設(shè)計范例產(chǎn)生共鳴。紋理和材料既流行又現(xiàn)代,但讓人想起真實世界的觸覺體驗。
平衡傳統(tǒng)與創(chuàng)新。如果您的公司并不是全新的公司,那么 Microsoft 在 Fluent 方面所做的工作有很多值得學(xué)習(xí)的地方。在應(yīng)用程序圖標(biāo)的設(shè)計過程中,尊重公司的歷史,同時傳達(dá)公司全新的應(yīng)用程序至關(guān)重要。通過了解 Microsoft 對 Fluent 所做的事情,您可以了解如何平衡豐富的歷史,同時傳達(dá)您希望為您的應(yīng)用程序和公司打造的大膽未來。
3、IBM
人們在想到應(yīng)用程序時可能不會想到 IBM,但他們開發(fā)了一種引人注目的設(shè)計系統(tǒng),稱為 IBM 設(shè)計語言。設(shè)計人員應(yīng)該考慮 IBM 指出的一些事項,因為這些概念可以作為我們應(yīng)用程序圖標(biāo)的指南。
他們的圖標(biāo)設(shè)計理念的核心是將其分為四個不同的組:“描邊”和“填充”圖標(biāo)、英雄品牌、第三方徽標(biāo)和獨特的 IBM Plex 應(yīng)用程序圖標(biāo)。這個概念暗示了應(yīng)用程序圖標(biāo)設(shè)計中非常關(guān)鍵的一點——空間。你的圖標(biāo)是筆畫圖標(biāo)嗎?補一份?您如何使用應(yīng)用程序圖標(biāo)的可用空間,或者您是否使用負(fù)空間?這些都是重要的考慮因素。
此外,IBM對所有圖標(biāo)應(yīng)用相同的網(wǎng)格。設(shè)計師在尺寸為 32 像素 x 32 像素的基于像素的網(wǎng)格上制作每個 IBM 圖標(biāo),以實現(xiàn)統(tǒng)一。這是一個基本準(zhǔn)則,確保每件藝術(shù)品都能完美地卡入到位。然而,鼓勵設(shè)計師在創(chuàng)作過程中進行微調(diào),以達(dá)到所需的形狀。
IBM 還通過創(chuàng)建圖標(biāo)組來保持圖標(biāo)一致性。如果您擁有多個應(yīng)用程序,這一點至關(guān)重要,因為它可以讓人們巧妙地知道您的公司是所有這些應(yīng)用程序的幕后支持者。當(dāng)然,不僅僅是 IBM 這樣做,蘋果和微軟也是如此。您通常只需查看圖標(biāo)就可以知道應(yīng)用程序背后是哪家公司!
如果您是一名設(shè)計師,那么值得翻閱 IBM 設(shè)計語言,因為它有許多實現(xiàn)完美設(shè)計的精彩指導(dǎo)。
4.阿特拉斯
正如任何視覺藝術(shù)形式一樣,不同的設(shè)計師和公司有不同的觀點。Atlassian 強調(diào)了一些以前的公司沒有提到的事情——可訪問性和避免用戶泛濫。
在當(dāng)今的現(xiàn)代世界,可訪問性并不是一件好事。必須的。確保您的應(yīng)用程序的圖標(biāo)可訪問。這意味著它應(yīng)該遵守 WCAG 對比度,并且不應(yīng)有帶有不熟悉的圖標(biāo)的文本。您希望人們立即掌握您的圖標(biāo)和應(yīng)用程序的含義,無論他們的能力如何。
此外,Atlassian 還鼓勵人們避免過度使用圖標(biāo)。保持它們簡單干凈,以盡量減少“圖標(biāo)疲勞”。人們每天都會查看數(shù)十個應(yīng)用程序圖標(biāo),如果您的圖標(biāo)在視覺上過于混亂或復(fù)雜,他們就會從您的應(yīng)用程序中退出,而不是傾向于使用它。
5.谷歌
與上述所有公司一樣,谷歌也通過 Material(谷歌的應(yīng)用程序圖標(biāo)設(shè)計系統(tǒng))來強調(diào)其圖標(biāo)。雖然 Material 有許多范式,但設(shè)計師應(yīng)該考慮其中的三個范式。
首先,考慮顏色。材質(zhì)指南指定了活動圖標(biāo)和非活動圖標(biāo)使用的顏色。此外,你應(yīng)該區(qū)分積極、專注和單純的積極。設(shè)計人員經(jīng)常忽略焦點狀態(tài),特別是對于具有觸摸功能的應(yīng)用程序。
接下來,使復(fù)雜的圖標(biāo)清晰易讀。正如上述公司所指出的,這些必須是可讀的,谷歌也不例外。如果您需要調(diào)整圖標(biāo)以確保它們清晰易讀,請這樣做,即使它們是系統(tǒng)圖標(biāo)。
最后,Google 的 Material 系統(tǒng)圖標(biāo)是粗體、對稱且簡約的。它們僅傳達(dá)用戶確定圖標(biāo)背后的操作所需的信息量。這個設(shè)計原則值得在您的應(yīng)用程序圖標(biāo)設(shè)計中考慮。
例如,下面的圖標(biāo)顯示的信息足以傳達(dá)其含義,但又不會過于復(fù)雜。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://pdcharm.com/news/6946.html