扣丁學堂UI培訓之UI界面視覺層次詳解
2018-01-15 13:38:23
1376瀏覽
今天扣丁學堂
UI培訓之UI界面視覺層次詳解，首先構(gòu)建視覺層次是設(shè)計師在設(shè)計過程中最核心的設(shè)計技術(shù)之一。最初心理學家基于格式塔原理來檢測用戶對于元素之間關(guān)系的視覺感知，發(fā)現(xiàn)人們傾向于將視覺關(guān)系靠近的元素群視作為有關(guān)系的一組。
通過將內(nèi)容按照一定的視覺層次進行構(gòu)建，從而讓用戶在看到APP和網(wǎng)站內(nèi)容的時候，能夠輕松理解各個元素之間的關(guān)系，明白他們的重要程度差異。通過控制不同視覺元素本身的視覺差異(大小、色彩、對比度、風格等)，讓它們可以區(qū)分彼此。
UI元素的視覺呈現(xiàn)方式對于用戶體驗有著極大的影響。如果UI中的元素組織性很差，看起來會是一團糟，最終用戶也無法有效地獲得導(dǎo)航指引，也難以正確地交互了。此外，非結(jié)構(gòu)化的內(nèi)容，可讀性也較低，用戶無法一目了然地獲取信息，需要花費大量的氣力區(qū)分內(nèi)容，從中找到自己想要的信息，這樣很容易招致用戶不滿，甚至導(dǎo)致產(chǎn)品失敗。
排版層次
文本內(nèi)容是絕大多數(shù)UI設(shè)計中需要處理的主要組成部分。這也是為什么視覺層次的構(gòu)建很大程度上依賴排版。所以，視覺設(shè)計專家會將排版層次從視覺層次中單獨提取出來作為一個獨立分支來進行探討。
設(shè)計師通過排版系統(tǒng)將文本內(nèi)容以最適宜用戶感知的方式組織起來。通過合理的選擇字體的樣式和排版布局，設(shè)計師讓最重要、最迫切需要被用戶關(guān)注到的內(nèi)容突出顯示。字體的大小、色彩和字體家族都在樣式調(diào)整的范圍內(nèi)。
排版層次中，包含著不同的排版元素，包括標題、副標題、正文內(nèi)容、CTA元素、說明以及其他內(nèi)容。為了建立層次感，這些內(nèi)容和元素會被分割成為不同層級。通常，為了保證層次分明又不會讓信息的呈現(xiàn)過于復(fù)雜，會將層次劃分為3個層級。
第一層級。諸如頭條標題，這些元素旨在為用戶提供核心的信息，并且引起訪客能夠立刻注意到它們。
第二層級。諸如普通標題和副標題，它們應(yīng)該能夠讓用戶快速掃視閱讀，盡快了解到其中的主要內(nèi)容。
第三層級。正文和一些額外的信息(比如引用)構(gòu)成了第三個層級。在這個部分設(shè)計師通常需要使用較小的字體，并且確保內(nèi)容的可讀性。
由于正文內(nèi)容通常是UI中內(nèi)容信息的主要載體，而大量的信息和內(nèi)容需要逐步的呈現(xiàn)，所以設(shè)計師和編輯會將內(nèi)容切割為不同的段落，讓用戶可以輕松的一段一段地、按照順序來感知并吸收信息。
最后現(xiàn)階段互聯(lián)網(wǎng)的發(fā)展趨勢，UI設(shè)計必定會在互聯(lián)網(wǎng)行業(yè)中形成一個風頭，讓我們在接下來的這股趨勢中迎風而行，想要了解更多請關(guān)注扣丁學堂UI培訓官網(wǎng)、微信公眾號平臺，扣丁學堂
UI視頻教程從零基礎(chǔ)到精通免費試聽試學，就業(yè)終端服務(wù)系統(tǒng)隨時監(jiān)控學員的學習情況和效果，順利畢業(yè)后根據(jù)學員自身風格和學習效果推薦就業(yè)。如果你想要學習UI設(shè)計師技術(shù)就不要再猶豫了，喜歡就付諸行動吧!對UI設(shè)計培訓感興趣的朋友可以加入UI交互設(shè)計交流群：568096113。
【關(guān)注微信公眾號獲取更多學習資料】
查看更多關(guān)于“ui設(shè)計資訊”的相關(guān)文章>>
標簽:
UI設(shè)計視頻
UI培訓UI設(shè)計師
UI視頻教程
UI在線教程
返回頂部