旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢(xún)熱線:010-5367 2995
首頁(yè) > 熱門(mén)文章 > UI設(shè)計(jì) > UI設(shè)計(jì)作品中如何做到抓人眼球_下

UI設(shè)計(jì)作品中如何做到抓人眼球_下

時(shí)間:2020-10-22來(lái)源:lb577.com點(diǎn)擊量:作者:Arya
時(shí)間:2020-10-22點(diǎn)擊量:作者:Arya

  對(duì)于UI設(shè)計(jì)來(lái)說(shuō),用戶(hù)注意力是一種非常寶貴的資源,每一秒都非常重要。那我們應(yīng)該如何將用戶(hù)注意力吸引到特定的元素上?上一期講了UI設(shè)計(jì)中大小外形對(duì)用戶(hù)吸引力的影響。今天AAA教育武老師與大家分享UI設(shè)計(jì)作品中如何做到抓人眼球的下期。
 

  · 顏色
 

UI設(shè)計(jì)作品中如何做到抓人眼球_下
 

  色彩是UI設(shè)計(jì)師最強(qiáng)大的工具之一,它可以幫助我們巧妙的改變視覺(jué)重量。比如:
 

  有些色彩天生就會(huì)比其他色彩更能吸引眼球。這里有一些從重到輕的色彩排列:紅色,藍(lán)色,綠色,橙色,黃色。
 

  比較飽和的顏色會(huì)比不飽和的顏色更能吸引人的關(guān)注。
 

  淡淡的中性色調(diào)可以幫助我們帶來(lái)更多視覺(jué)效果。
 

UI設(shè)計(jì)作品中如何做到抓人眼球_下
 

  亮黃色的“行動(dòng)召喚”按鈕瞬間吸引了用戶(hù)的注意力。
 

  · 對(duì)比
 

UI設(shè)計(jì)作品中如何做到抓人眼球_下
 

  對(duì)比會(huì)將用戶(hù)的注意力自然地吸引到某一元素上。當(dāng)一個(gè)元素與它周?chē)沫h(huán)境形成對(duì)比時(shí),它在視覺(jué)上也會(huì)顯得較重。
 

  · 紋理
 

UI設(shè)計(jì)作品中如何做到抓人眼球_下
 

  有紋理的元素比沒(méi)有紋理的元素更重。當(dāng)我們給元素一個(gè)偽3D紋理時(shí),這個(gè)元素看起來(lái)會(huì)比之前重很多。
 

  · 留白
 

  留白是一個(gè)空間,它本身的視覺(jué)權(quán)重為零,不過(guò),留白可以為其他元素打造更多的視覺(jué)空間。一般來(lái)說(shuō),一個(gè)物體附近的留白越多,它就越受關(guān)注。
 

  · 層級(jí)
 

  越靠近用戶(hù)的元素會(huì)比遠(yuǎn)離用戶(hù)的元素?fù)碛懈嗟囊曈X(jué)權(quán)重。
 

  浮動(dòng)操作按鈕和底部導(dǎo)航欄會(huì)更受用戶(hù)關(guān)注,因?yàn)樗鼈儗蛹?jí)更高。
 

  · 個(gè)人興趣
 

  用戶(hù)的個(gè)人興趣會(huì)影響他們對(duì)設(shè)計(jì)的理解。例如,當(dāng)我們看到兩個(gè)元素(汽車(chē)和火車(chē))時(shí),如果我們對(duì)火車(chē)更感興趣,那么火車(chē)的圖像就會(huì)吸引我們的注意力。這也是為什么當(dāng)兩個(gè)人瀏覽同一頁(yè)面時(shí),他們有時(shí)會(huì)關(guān)注到不同的地方,因?yàn)樗麄兊呐d趣不同。
 

  · 人臉
 

UI設(shè)計(jì)作品中如何做到抓人眼球_下
 

  與眼睛和臉相關(guān)的元素具有很大視覺(jué)份量。人臉照片總是具有更大的視覺(jué)權(quán)重。
 

  · 運(yùn)動(dòng)
 

  移動(dòng)的物體會(huì)自然吸引我們的注意力,并且引導(dǎo)用戶(hù)下一步應(yīng)該看哪里。
 

  · 結(jié)論
        比如大元素雖然比小元素具有更大的視覺(jué)重量,但是當(dāng)一個(gè)小紅色圓圈被大量白色空間包圍時(shí),會(huì)比用大藍(lán)色圓圈圍成的圈看上去更重。在實(shí)際進(jìn)行視覺(jué)設(shè)計(jì)時(shí),我們不能單獨(dú)的去使用某一規(guī)則,而是應(yīng)該按照需求靈活融合和使用這些技巧。如果您想了解更多信息,請(qǐng)?jiān)L問(wèn)AAA教育

預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢(qián)不夠?可先就業(yè)掙錢(qián)后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ lb577.com 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖