“我總覺得頁面不太好看但是我又說不出來”，“我不懂設(shè)計(jì)，但是我就是覺得不協(xié)調(diào)”，“你覺得這好看？你的審美要加強(qiáng)啊”這些聽著熟悉的話往往是產(chǎn)品和設(shè)計(jì)產(chǎn)生矛盾的開端。還有一種評價(jià)叫說不出哪里好也說不出哪里不好，相信很多人也有過感同身受的無奈。其實(shí)設(shè)計(jì)本身就是一門理性的學(xué)科，審美因人而異，只有言之有理的設(shè)計(jì)才能夠說服別人。當(dāng)設(shè)計(jì)師拿到產(chǎn)品的原型開始做設(shè)計(jì)時(shí)，如果只是單純的按照原型進(jìn)行而不考慮任何規(guī)則，那么很多時(shí)候就會產(chǎn)生一些不協(xié)調(diào)的結(jié)果。設(shè)計(jì)完之后產(chǎn)品不滿意，自己也不滿意。在UI設(shè)計(jì)中其實(shí)也存在大量的版式設(shè)計(jì)原理，如果產(chǎn)品和設(shè)計(jì)都能對版式設(shè)計(jì)有一定的了解，那么設(shè)計(jì)師拿到原型的時(shí)候，評審設(shè)計(jì)輸出稿的時(shí)候大家都能更好地理解對方的設(shè)計(jì)。以下長春軟件制作總結(jié)了幾種常見的版式設(shè)計(jì)原理，是工作當(dāng)中做出良好視覺效果的前提。

1.信息的排布;對任何信息進(jìn)行排布的時(shí)候，首先必須要掌握的是對齊/重復(fù)/親密/對比，貫穿設(shè)計(jì)的四大原則。對齊除了能建立一種清晰精巧的外觀，還能方便開發(fā)的實(shí)現(xiàn)。基于從左上至右下的閱讀習(xí)慣，移動端界面中內(nèi)容的排布通常使用左對齊和居中對齊，表單填寫的輸入項(xiàng)使用右對齊。

2.圖片的使用;app的頁面結(jié)構(gòu)和文本確定之后，就要開始安排圖標(biāo)/按鈕/圖片的安排了，這時(shí)頁面也就從單純文本的“閱讀”型結(jié)構(gòu)調(diào)整為“觀看”型結(jié)構(gòu)，對于頁面的易讀性以及頁面整體的效果會產(chǎn)生巨大的影響。頁面中圖片所占的比率叫做圖版率，通常情況下降低圖版率會給人一種寧靜典雅、高級的感覺。提升圖版率會有充滿活力，使畫面有富有感染力的效果。

3.顏色的使用;不同的顏色可以帶給用戶不同的感覺，這點(diǎn)應(yīng)該是常識。在移動端界面中通常需要選取主色，標(biāo)準(zhǔn)色，點(diǎn)晴色。移動端與網(wǎng)頁端稍微不同，主色雖然是決定了畫面風(fēng)格的色彩但是往往不會被大面積的使用。通常在導(dǎo)航欄/部分按鈕/icon/特殊頁面等地方出現(xiàn)，會有點(diǎn)晴，定調(diào)的作用。統(tǒng)一的主色調(diào)也能讓用戶找到品牌感的歸屬，例如網(wǎng)易紅/騰訊藍(lán)/京東紅/阿里橙等等。標(biāo)準(zhǔn)色指的是整套移動界面的色彩規(guī)范，確定文本/線段/圖標(biāo)/背景等等的顏色。點(diǎn)晴色通常會用在標(biāo)題文本/按鈕/icon等地方，通常起強(qiáng)調(diào)和引導(dǎo)閱讀的作用。主色在選擇上可能不止一個(gè)，點(diǎn)睛色通常也由兩三個(gè)顏色組成，標(biāo)準(zhǔn)色更是一套從強(qiáng)到弱的標(biāo)準(zhǔn)群，那么在點(diǎn)晴色與主色，主色與主色之間的選擇上便有不同的方法。第一種是鄰近色配色(色相環(huán)上鄰近的顏色)，這種方法比較常用因?yàn)樯嗳岷瓦^渡也非常自然。