學(xué)習(xí)UI設(shè)計(jì)時(shí)應(yīng)用界面信息排布有哪些類型

來(lái)源：培訓(xùn)無(wú)憂網(wǎng) 發(fā)布人：星星

2022-02-09 11:34:26|已瀏覽：176次

APP界面版式的信息排布

UI設(shè)計(jì)中APP的界面看似只有幾個(gè)簡(jiǎn)單的元素組合起來(lái)，所有元素的繪制可以說(shuō)比較簡(jiǎn)單; 然而，當(dāng)一個(gè)產(chǎn)品原型出來(lái)后，設(shè)計(jì)師如果單純按原型來(lái)進(jìn)行設(shè)計(jì)而不考慮信息化規(guī)則，那么很多時(shí)候就不盡人意。其實(shí)UI設(shè)計(jì)對(duì)版式的應(yīng)用相當(dāng)重要，今天我們講APP界面版式的信息排布。

APP界面版式的信息排布一：
對(duì)任何信息進(jìn)行排布的時(shí)候，必須先要掌握的是對(duì)齊、重復(fù)、親密、對(duì)比，這四大原則。對(duì)齊除了能建立一種清晰精巧的外觀，還能方便開(kāi)發(fā)的實(shí)現(xiàn)。基于從左上至右下的閱讀習(xí)慣，移動(dòng)端界面中內(nèi)容的排布通常使用左對(duì)齊和居中對(duì)齊，表單填寫(xiě)的輸入項(xiàng)使用右對(duì)齊。
設(shè)計(jì)和做其它事情一樣，也要有輕重緩急之分，不要讓用戶去找重點(diǎn)、需要注意的地方，而是應(yīng)該讓用戶流暢地接收到我們想要傳達(dá)的重要的信息。重復(fù)和對(duì)比是一套組合拳，讓設(shè)計(jì)中的視覺(jué)元素在整個(gè)設(shè)計(jì)中重復(fù)出現(xiàn)既能增加條理性也可以加強(qiáng)統(tǒng)一性，降低用戶認(rèn)知的難度。
那么在需要突出重點(diǎn)的時(shí)候就可以使用對(duì)比的手法，例如圖片大小的不同或者顏色的不同表示強(qiáng)調(diào)，讓用戶直觀地感受到最重要的信息。
APP界面版式的信息排布二：
在排布復(fù)雜信息的時(shí)候，如果沒(méi)有規(guī)則地排布，那么文本的可讀性就會(huì)降低。組織信息可以根據(jù)親密性的原則，把彼此相關(guān)的信息靠近，歸組在一起。
如果多個(gè)項(xiàng)相互之間存在很近的親密性，它們就會(huì)成為一個(gè)視覺(jué)單元，而不是多個(gè)孤立的元素。這有助于減少混亂，為讀者提供清晰的結(jié)構(gòu)。在設(shè)計(jì)表達(dá)的時(shí)候，一定要考慮內(nèi)容的易讀性。適當(dāng)使用圖形可以增加易讀性和設(shè)計(jì)感，而且圖形的理解比文字更高效。
那些用文字方式表現(xiàn)時(shí)顯得冗長(zhǎng)的說(shuō)明，一旦換成可視化的表現(xiàn)方式也會(huì)變得簡(jiǎn)明清晰，可視化的圖形可以將說(shuō)明、標(biāo)題、數(shù)值這種比較生硬的內(nèi)容，以比較柔和的方式呈現(xiàn)出來(lái)。

注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.hebeijilong.cn/news-id-20150.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050

相關(guān)新聞

相關(guān)新聞

免費(fèi) 申請(qǐng) 試聽(tīng)

提交申請(qǐng)，《培訓(xùn)無(wú)憂網(wǎng)》課程顧問(wèn)老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程！