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