
UI設計中APP的界面看似只有幾個簡單的元素組合起來,所有元素的繪制可以說比較簡單; 然而,當一個產品原型出來后,設計師如果單純按原型來進行設計而不考慮信息化規則,那么很多時候就不盡人意。其實UI設計對版式的應用相當重要,今天我們講APP界面版式的信息排布。
APP界面版式的信息排布一:
對任何信息進行排布的時候,必須先要掌握的是對齊、重復、親密、對比,這四大原則。對齊除了能建立一種清晰精巧的外觀,還能方便開發的實現。基于從左上至右下的閱讀習慣,移動端界面中內容的排布通常使用左對齊和居中對齊,表單填寫的輸入項使用右對齊。
設計和做其它事情一樣,也要有輕重緩急之分,不要讓用戶去找重點、需要注意的地方,而是應該讓用戶流暢地接收到我們想要傳達的重要的信息。重復和對比是一套組合拳,讓設計中的視覺元素在整個設計中重復出現既能增加條理性也可以加強統一性,降低用戶認知的難度。
那么在需要突出重點的時候就可以使用對比的手法,例如圖片大小的不同或者顏色的不同表示強調,讓用戶直觀地感受到最重要的信息。
APP界面版式的信息排布二:
在排布復雜信息的時候,如果沒有規則地排布,那么文本的可讀性就會降低。組織信息可以根據親密性的原則,把彼此相關的信息靠近,歸組在一起。
如果多個項相互之間存在很近的親密性,它們就會成為一個視覺單元,而不是多個孤立的元素。這有助于減少混亂,為讀者提供清晰的結構。在設計表達的時候,一定要考慮內容的易讀性。適當使用圖形可以增加易讀性和設計感,而且圖形的理解比文字更高效。
那些用文字方式表現時顯得冗長的說明,一旦換成可視化的表現方式也會變得簡明清晰,可視化的圖形可以將說明、標題、數值這種比較生硬的內容,以比較柔和的方式呈現出來。 注:尊重原創文章,轉載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-20150.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050