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

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

在排布復(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)。

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

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

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