作為一名UI設(shè)計師,大家應(yīng)該清楚的了解到每一款產(chǎn)品都有不同的風格和設(shè)計,但是每一款UI設(shè)計元素都是有通風之處的,如何能夠做出有效的視覺層級,對用戶的體驗有著十分積極的影響。本期UI設(shè)計培訓(xùn)教程就為大家詳細的介紹一下ui設(shè)計怎樣做出有效果的視覺層級?
UI設(shè)計培訓(xùn)分享:ui設(shè)計怎樣做出有效果的視覺層級?
一、梳理信息
為了能夠有效的劃分界面中的信息層級,我們需要梳理信息,對頁面內(nèi)的信息先進行組織歸納,將同類信息或者關(guān)聯(lián)性強的信息組織到一起。
二、使用黃金比例
UI設(shè)計師在繪制草稿階段經(jīng)常使用黃金比例,這有助于規(guī)劃作品的排版架構(gòu),以適合的比例縮放用戶界面元素,使用戶看起來舒適。并且可以通過加強元素之間的對比來區(qū)分信息的主次關(guān)系。在處理信息的時候我們通常會使用字體、字重、大小、色彩四個維度進行對比。
三、視覺流
人類的視覺運動都是點到點跳躍式掃描而非平滑移動,在 Google 早期通過眼動儀觀察用戶在瀏覽界面內(nèi)容的視覺流呈“F”型,而且越是往下視覺注意力越少。當ui設(shè)計師在進行信息分類之后,我們借鑒視覺流的原則在我們做完信息歸納和信息對比之后,我們可以通過視覺流的原則,來審視自己的設(shè)計是否符合用戶自左到右,自上到下的閱讀習慣。
UI設(shè)計培訓(xùn)分享:ui設(shè)計怎樣做出有效果的視覺層級?上面已經(jīng)為大家做了詳細的介紹,掌握優(yōu)化信息層級的方法對于新手設(shè)計師來說,尤為重要。準確傳達產(chǎn)品設(shè)計中的信息,有利于提高用戶體驗。想要了解更多UI設(shè)計培訓(xùn)的具體課程內(nèi)容,就加入千鋒教育的UI設(shè)計交流群吧-809348958,群內(nèi)會有專職的老師為你答疑解惑。另外群內(nèi)不定期還會有免費直播課,由現(xiàn)役的講師來授課。
相關(guān)文章
關(guān)注千鋒學習站小程序
隨時隨地免費學習課程
掃一掃快速進入
千鋒移動端頁面
掃碼匿名提建議
直達CEO信箱