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