UI設(shè)計(jì)培訓(xùn)班圖標(biāo)設(shè)計(jì)
來源：
奇酷教育 發(fā)表于：
隨著設(shè)計(jì)趨勢的不斷發(fā)展，近些年UI設(shè)計(jì)培訓(xùn)的風(fēng)格愈發(fā)趨于簡潔明確、突出細(xì)微質(zhì)感以及凸顯頁面信息層級；而圖標(biāo)一直是UI設(shè)計(jì)中必不可少
隨著設(shè)計(jì)趨勢的不斷發(fā)展，近些年
UI設(shè)計(jì)培訓(xùn)的風(fēng)格愈發(fā)趨于簡潔明確、突出細(xì)微質(zhì)感以及凸顯頁面信息層級；而圖標(biāo)一直是
UI設(shè)計(jì)中必不可少的一部分。那么，如何把控圖標(biāo)設(shè)計(jì)風(fēng)格，在什么場景該如何應(yīng)用，是用線性還是面性，用單色還是雙色，如何使用才是滿足功能并且清晰明確的，接下來小編將跟大家分享下我的心得。
1、什么是圖標(biāo)
廣義上來說，圖標(biāo)是指有明確指代意義的圖形。它以單純、顯著、易識別的物象、圖形或文字符號作為直觀語言；除表示、代替具體事物之外，還具有表達(dá)意義、情感和指令行動等作用。它不僅是一種圖形，更是一種標(biāo)識，它具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性。
2、圖標(biāo)傳遞信息非常的高效
研究表明人類的平均注意力正在逐年下降從12秒至8秒
因此，傳遞信息的速度就越來越重要。
世界變的越來越忙碌，圖形信息成為了我們生活中信息來源的基礎(chǔ)組成部分。圖標(biāo)對于冗余信息的降噪與提純，讓人需一瞥便能精準(zhǔn)獲取復(fù)雜信息，不管是一眼找到自己需要的APP，還是在一個(gè)陌生城市準(zhǔn)確搜尋地鐵的位置，或者是在大型商場中找到洗手間的位置等等……為人類節(jié)省了大量的時(shí)間。
3、【高識別度】【高度濃縮】【便于記憶】
【高識別度】一眼認(rèn)出你，比什么都重要
在戶外場景中，圖標(biāo)是信息傳遞者和信息受眾的交流方式，當(dāng)信息以實(shí)物化作為載體和人之間發(fā)生了符號化的傳遞作用時(shí)，此信息即可成為標(biāo)識。由于文字與人眼的距離，圖標(biāo)往往起到比文字更快捷的導(dǎo)向意義。
【高度濃縮】
通常來說，文字是信息內(nèi)容的理性表達(dá)，而圖形則是形象的。且在二維平面內(nèi)，圖形表達(dá)復(fù)雜含義所需的面積要比文字小。由此而言，圖標(biāo)符號在視覺形式上必須呈現(xiàn)出為高度概括的簡約圖形，采用在實(shí)際應(yīng)用中起到引導(dǎo)方位、確定位置、建立秩序、提示安全等作用，因此其圖形元素的組成具有規(guī)范性而非隨意。
在UI設(shè)計(jì)中，而由于手機(jī)屏幕的限制，我們必須在32*32或是48*48或是60*60的像素區(qū)間內(nèi)精準(zhǔn)完成圖標(biāo)，而圖標(biāo)表達(dá)的意義更加抽象，指代實(shí)物變成了指代意義與指令，這要求我們對于圖形的歸納需將更加的嚴(yán)謹(jǐn)規(guī)范。
采用更加精準(zhǔn)的網(wǎng)格系統(tǒng)、更精準(zhǔn)的比例倍數(shù)等
【便于記憶】
科學(xué)證明，在大腦中相對于其他感覺來說與視覺信息處理相關(guān)的腦區(qū)占統(tǒng)治地位，人腦對于圖像的記憶遠(yuǎn)遠(yuǎn)高于文字。
且圖標(biāo)多采用幾何圖形，并以【對稱】【一致】的設(shè)計(jì)目標(biāo)來進(jìn)行設(shè)計(jì)，由于其高度濃縮的特性，圖標(biāo)具有更加簡潔的特性，更加便于記憶。
在我們平時(shí)的UI設(shè)計(jì)工作中，按功能區(qū)分圖標(biāo)可以分為這三種類型：說明性圖標(biāo)（解釋說明）、交互性圖標(biāo)（操作指令）、裝飾性圖標(biāo)（審美輔助）。
一：說明性圖標(biāo) 功能的解釋說明：說明性圖標(biāo)主要是用來闡述和解釋說明特定的功能或者內(nèi)容，它們并不一定是被點(diǎn)擊直接可操作的UI元素，有時(shí)僅僅是作為靜態(tài)頁面對于文字的輔助說明；它們通常也會配有輔助解釋其含義的文案，以提高信息的可識別性，是頁面設(shè)計(jì)中使用范圍最廣的一種圖標(biāo)使用手法。
很多時(shí)候用戶會借助圖標(biāo)來獲取信息，而不是與之相搭配的文本。
二：交互性圖標(biāo) 影響用戶的操作：這種圖標(biāo)在用戶界面中不止是展示的作用，還會參與到用戶交互當(dāng)中來，是不可或缺的組成部分。它們可以被點(diǎn)擊，并且隨之響應(yīng)，最典型的就是點(diǎn)贊的操作了；可以幫助用戶執(zhí)行特定的操作，觸發(fā)相應(yīng)的功能。
三：裝飾性圖標(biāo) 審美訴求：這種圖標(biāo)通常是用來提升整個(gè)界面的美感和視覺體驗(yàn)，不一定具備明顯的功能性。但它們同樣是重要的。這類圖標(biāo)在設(shè)計(jì)風(fēng)格上的迎合了目標(biāo)受眾的偏好與期望，具備了有風(fēng)格性的獨(dú)特外觀，并且提升了整個(gè)設(shè)計(jì)的可靠性和友好度。
進(jìn)一步來說，這些裝飾性的圖標(biāo)不僅可以吸引并留住用戶，并且可以讓整個(gè)用戶體驗(yàn)更加積極。
以上就是奇酷小編為大家分享的心得，希望大家能用心看，更多心得請關(guān)注我們
奇酷官網(wǎng)。
您現(xiàn)在所在的位置：首頁 >關(guān)于奇酷 > 行業(yè)動態(tài) > UI設(shè)計(jì)培訓(xùn)班圖標(biāo)設(shè)計(jì)
