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

在UI設計中其實(shí)也存在大量的版式設計原理,如果產(chǎn)品和設計都能對版式設計有一定的了解,那么設計師拿到原型的時(shí)候,評審設計輸出稿的時(shí)候大家都能更好地理解對方的設計。以下我總結了幾種常見(jiàn)的版式設計原理,是工作當中做出良好視覺(jué)效果的前提。信息的排布對任何信息進(jìn)行排布的時(shí)候,首先必須要掌握的是對齊/重復/親密/對比,貫穿設計的四大原則。對齊除了能建立一種清晰精巧的外觀(guān),還能方便開(kāi)發(fā)的實(shí)現?；趶淖笊现劣蚁碌拈喿x習慣,移動(dòng)端界面中內容的排布通常使用左對齊和居中對齊,表單填寫(xiě)的輸入項使用右對齊。

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

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

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

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

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