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