小編認為設計本身就是一門理性的,審美因人而異,只有言之有理的設計才能夠說服別人。當設計師拿到產品的原型開始做設計時,如果只是單純的按照原型進行而不考慮任何規則,那么很多時候就會產生一些不協調的結果。設計完之后產品公司不滿意,自己也不滿意,同時也降低了工作效率。下面小編來給大家講一下UI設計中的編排原理。

在UI設計中其實也存在大量的版式設計原理,如果產品和設計都能對版式設計有一定的了解,那么設計師拿到原型的時候,評審設計輸出稿的時候大家都能更好地理解對方的設計。以下我總結了幾種常見的版式設計原理,是工作當中做出良好視覺效果的前提。信息的排布對任何信息進行排布的時候,首先必須要掌握的是對齊/重復/親密/對比,貫穿設計的四大原則。對齊除了能建立一種清晰精巧的外觀,還能方便開發的實現。基于從左上至右下的閱讀習慣,移動端界面中內容的排布通常使用左對齊和居中對齊,表單填寫的輸入項使用右對齊。

在排布復雜信息的時候,如果沒有規則地排布那么文本的可讀性就會降低。組織信息可以根據親密性的原則,把彼此相關的信息靠近,歸組在一起。如果多個項相互之間存在很近的親密性,它們就會成為一個視覺單元,而不是多個孤立的元素。這有助于減少混亂,為讀者提供清晰的結構。

在設計表達的時候,一定要考慮內容的易讀性。適當使用圖形可以增加易讀性和設計感,而且圖形的理解比文字更。那些用文字方式表現時顯得冗長的說明,一旦換成可視化的表現方式也會變得簡明清晰,可視化的圖形可以將說明/標題/數值這種比較生硬的內容,以比較柔和的方式呈現出來。

在內容比較少但是又想提高版面率的話可以采用一些色塊,或者抽象化模擬現實存在的物件,例如電影票,書本紙張,優惠券,便簽等的效果,使界面更友好也降低空洞的感覺。通過這種方式也可以改變頁面所呈現出的視覺感受,只是這種方法較多改變頁面的色調/質感,并不能改改變"閱讀"內容的比例,這點是需要注意的。

設計和做其他事情一樣,也要有輕重緩急之分,不要讓用戶去找重點/需要注意的地方,應該讓用戶流暢地接收到我們想要傳達的重要的信息。

希望小編的講解能夠幫到您!