? ??? APP開發(fā) 軟件開發(fā) APP開發(fā)公司 軟件開發(fā)公司

?? ?????? 圖標是界面中非常重要的元素。它解決了許多問題，也是影響界面交互可用性和識別的關鍵因素。它看起來像一個小圖標。只有設計師知道花了多少精力來設計每一個細節(jié)，使之簡單、美麗、易懂。
??? 圖標的定義
?? ?在圖標的一般定義中，圖標是一種具有參考意義的圖形符號，高度濃縮，快速傳遞信息，易于記憶，應用范圍廣，不僅限于計算機軟件、簡單的軟件開發(fā)，APP開發(fā)中的圖標包括程序識別、數(shù)據(jù)識別、命令選擇、模式信號或切換開關、狀態(tài)指示等。

??? 在界面設計中，圖標可以在一些場景中替換文本，界面視覺效果豐富，研究表明，大多數(shù)人理解圖像比文本的速度快，清晰易懂的圖標對于用戶理解界面中的信息是非常好的，但是如果用戶理解錯誤的圖標會導致用戶體驗不好，了解圖標的類型和細節(jié)是接口設計的一個組成部分。
?? ?圖標的歷史
?? ?最早的電腦圖標出現(xiàn)在70年代由施樂公司開發(fā)的施樂阿爾托，當時施樂公司使用的文件夾和垃圾箱圖標至今仍在使用。

??? 1991年，該公司推出了一組MacOSX彩色圖標，這是該圖標發(fā)展的里程碑。這些交互式圖標與傳遞信息相結(jié)合，代表了所提出的物化風格的形成。
?? ?在目前的UI設計中，各種圖標非常豐富，網(wǎng)絡上有很多現(xiàn)成的設計包，每個圖標庫的圖標也在不斷創(chuàng)新。那么，有多少種主流的交互圖標可以劃分？
?? ?按功能分類
?? ?1、分類圖標
?? ?分類圖標的目的是解釋內(nèi)容的功能或類型。在某些情況下，它們會附帶文本信息，以確保信息傳輸?shù)臏蚀_性。與單一文本分類相比，視覺效果更加豐富，識別率得到提高。能夠立即理解圖標的用戶不需要關注文本。
?? ?2、功能圖標
?? ?功能圖標是具有指代意義且具有功能標識的圖標，它們是可點擊的，可操作的，主要目的是告知用戶按鈕、控件或其它交互元素所代表的功能或特性

??? 3、裝飾圖標
?? ?除了表達功能，界面中也會有一些裝飾性為主，表達一些信息為輔的裝飾性圖標，常見于各個產(chǎn)品的節(jié)日主題等
?? ?4、應用圖標
?? ?應用圖標是產(chǎn)品的Logo，適用于不同的平臺，要保證帶有鮮明的產(chǎn)品特征，在手機界面中可以清晰的被識別。

??? 按風格分類
?? ?1、填充圖標
?? ?填充圖標的視覺比例大，具有較高的視覺影響，更容易被用戶識別。
?? （1）半透明填充圖標
?? ?圖標部分使用透明度來增加圖標的層次感，視覺效果更加豐富

??? （2）彌散投影填充圖標
?? ? 在圖標中使用相同顏色系統(tǒng)的暗漫投影，增加圖標的微紋理

??? （3）撞色填充圖標
?? ? 吸引用戶的注意力，在應用中小心使用，并保持與整體界面風格一致

??? 2、線性圖標
?? ?需要繪制具有均勻厚度的線的線性圖標。它通常用2px的線繪制。根據(jù)風格，還具有3-5px的厚度。它可以通過過多的界面圖案來減少用戶的視覺干擾，使整個界面是白色的和合理的，視覺效果更加簡潔。
?? （1）圓角線性圖標
?? ?適用于展示女性、母嬰、年輕活力的產(chǎn)品，給人親和力、可愛感

??? （2）直角線性圖標
?? ? 直角圖標傾向于商業(yè)、金融和其他產(chǎn)品，給人一種清潔的感覺。

??? （3）斷點線性圖標
?? ? 豐富圖標的視覺效果并通過其斷點添加功能
?? ?（4）雙色線性圖標
?? ?雙色圖標可與黑白灰+顏色或主體顏色+顏色組合的組合、顏色匹配圖標、顏色匹配需要小心使用，界面整體風格一致，未被推翻。

? ?? 3、線面結(jié)合圖標
?? ? 現(xiàn)在應用程序設計中最常用和最流行的風格，是對產(chǎn)品圖形的總結(jié)，臉部通常起到裝飾點綴的作用，這里的面條可以是單色或漸變，適合各種產(chǎn)品，表現(xiàn)形式豐富。
?? ?（1）半透明結(jié)合圖標
?? ?半透明組合圖標通常填充同一顏色系統(tǒng)的半透明部分，并將線性圖標組合起來，以增加圖標的層次結(jié)構(gòu)。

???? （2）撞色結(jié)合圖標
? ? ? 顏色對比圖標風格大膽，層次感更豐富，更有趣。常用于標簽欄、列表、快捷方式等處

??? （3）漸變結(jié)合圖標
?? ? 具有漸變填充和線條組合的圖標紋理更豐富，同時保持圖標的一致性，用戶的注意力更加吸引人，可見性很強，通常用于圖標的選定狀態(tài)

??? （4）MBE風格
?? ? 它采用粗黑筆畫，線條圓潤，色彩明快，填充顏色稍有交錯，簡潔有趣，在界面上非?；钴S，通常用于卡片裝飾、功能入口等

??? 總結(jié)
?? ?首先考慮應用場景，再考慮APP的整體風格..
?? ?2、填充圖標、線性圖標和線-面組合圖標各有優(yōu)勢。填充圖標吸引了更多用戶的注意力，具有很強的視覺沖擊力，而線性圖標更加簡潔干凈，減少了過多色塊對用戶造成的視覺干擾。線面組合圖標功能非常豐富，可以顯示圖標的各種狀態(tài)。
?? ?3、圖標的統(tǒng)一是非常重要的，圖標的視覺尺寸、圓角半徑、線條厚度和紋理參數(shù)應該是一致的。

?