UI設(shè)計中圖標(biāo)作為交互模塊的用法
53 2017-06-01
交互時代UI設(shè)計實訓(xùn)基地是深圳一家專業(yè)的UI設(shè)計人才培養(yǎng)機構(gòu),有許多零基礎(chǔ)UI設(shè)計的學(xué)員都在交互時代中成長為了厲害的UI設(shè)計師,交互時代的學(xué)員獲得了許多互聯(lián)網(wǎng)企業(yè)的好評。交互時代的課程是針對互聯(lián)網(wǎng)企業(yè)的需求專門研發(fā)的課程,在這套全新的課程中,我們會講到許多涉及正式工作中用到的知識,其中就有圖標(biāo)這個內(nèi)容。
圖標(biāo)是個很重要的東西,因為圖標(biāo)可以說是用戶與產(chǎn)品交互的最基本的方式,用戶點擊圖標(biāo),產(chǎn)品給用戶反饋,圖標(biāo)就是一種交互模塊。不過大部分都以分割突出界面和互動的形式來進(jìn)行表達(dá)的。而圖標(biāo)經(jīng)常會用來進(jìn)行指示、概括、提醒這方面的用途。所以在做UI設(shè)計的時候,我們定義一個圖標(biāo)所包含的意思就一定要準(zhǔn)確,所要表達(dá)的內(nèi)容甚至要比LOGO還要準(zhǔn)確。
就好比我們要進(jìn)行新建、添加、刪除方面的操作,就要點擊相應(yīng)的圖標(biāo),那么我們的圖標(biāo)就要表達(dá)這方面的意思,若是太復(fù)雜,用戶很可能就看不懂,因此我們要遵循簡潔通用這個基本原則,若是用戶辨識度上會導(dǎo)致操作成本的上升,那么就可能會帶來不好的用戶體驗。
如圖:查看有3種圖形來定義。
那么,第一種是放大鏡,這個通常我們可以用在系統(tǒng)設(shè)置上,由于傳統(tǒng)原因,我們會約定俗成的把它和相關(guān)設(shè)置放在一起。第二種,由于社交化的催生,肢體語言可以概括出生動的圖形,首先我們想到的是眼睛。第三種查看是閱讀類情況,APP應(yīng)用居多,這個就可以用書本的輪廓來進(jìn)行定義。
以上三種情況根據(jù)不同的情景進(jìn)行使用,但是互換的話勢必會帶來定義不準(zhǔn)的問題。
以上就是交互時代今天給大家?guī)淼年P(guān)于課堂內(nèi)的一些小知識,大家如果對于UI設(shè)計感興趣,也可以經(jīng)常關(guān)注交互時代的官網(wǎng),能夠讓大家獲得更多的知識。
請聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號
獵學(xué)網(wǎng)服務(wù)號