由于APP版面空間有限，所以移動(dòng)端的版面設(shè)計(jì)會(huì)比PC端更復(fù)雜。如何把一個(gè)優(yōu)秀的APP排版設(shè)計(jì)呈現(xiàn)給大眾，需要考慮用戶的閱讀習(xí)慣和美觀的設(shè)計(jì)，以及布局的層次和可讀性。然后，移動(dòng)終端APP開發(fā)版面設(shè)計(jì)需要遵循哪些原則？

原則一：對(duì)齊原則

對(duì)齊是APP布局設(shè)計(jì)中最基本、最重要的原則之一。對(duì)齊允許APP界面外觀整潔，給用戶帶來一致流暢的瀏覽體驗(yàn)。

原則二：比較原則

比較原則主要突出界面中的關(guān)鍵元素，通過尺寸、顏色、造型等的改造引起用戶的關(guān)注。對(duì)比可以使它成為可能APP開發(fā)層次更加清晰，同時(shí)也可以聚焦用戶的視線，讓用戶的焦點(diǎn)放在我們希望他們看到的元素上。

原則三：親密原則

親密原則主要是在遠(yuǎn)離不相關(guān)元素的同時(shí)接近相關(guān)類似元素。親密可以改善UI設(shè)計(jì)的可讀性，以及界面中各個(gè)層次的清晰區(qū)分。

談完移動(dòng)端的版面設(shè)計(jì)，我們一起來討論一下APP開發(fā)的排版布局。一般來說，排版設(shè)計(jì)是指界面文本上的布局，那么為了增加界面的可讀性，移動(dòng)排版設(shè)計(jì)需要遵循哪些原則呢？

1.文本設(shè)置為左對(duì)齊

因?yàn)槿祟惖拈喿x習(xí)慣是從上到下，從左到右，APP開發(fā)時(shí)，盡量將文本設(shè)置為左對(duì)齊，以提高界面的可讀性。

2.只使用一種字體

通常，優(yōu)秀的設(shè)計(jì)師會(huì)這樣做APP在開發(fā)過程中，大多數(shù)人可以完美地使用兩種字體。這是因?yàn)樗麄兡軌蛘莆蘸屠斫馑x的字體類型，并確保它們相輔相成。但是，如果您暫時(shí)無法很好地掌握此技能，建議只使用一種字體，并通過改變字體的屬性來區(qū)分文本級(jí)別，以確保界面簡(jiǎn)潔明了。

3.字重/字跨度應(yīng)足夠大

字體重量和字體大小太接近，用戶很難區(qū)分不同層次的文本之間的區(qū)別。因此，為了形成良好的界面比較，不同層次的字體重量和字體大小的難度跨度應(yīng)該相對(duì)較大。

4.對(duì)齊到一個(gè)軸線

根據(jù)主坐標(biāo)建立字體排版，并在網(wǎng)絡(luò)上對(duì)齊文本元素。一般來說，界面中的所有文本都應(yīng)該以左對(duì)齊的方式設(shè)置在垂直軸上，而在水平軸上，只要找到最好的水平元素，或者對(duì)齊大寫字母的高度，或者對(duì)齊文本的基線。

5.使用條框分類

使用卡片、線條、留白等將相關(guān)內(nèi)容信息塊進(jìn)行分類，可以使文字內(nèi)容的層次更加清晰，提高界面的易讀性。

6.注意間距

一般來說，元素之間的距離越近，讀者就會(huì)假設(shè)這種關(guān)系存在于不同的信息塊之間。因此，對(duì)于相關(guān)性較低的信息塊，應(yīng)盡可能留出較大的空白空間或使用分割線來區(qū)分分割塊。此外，如果文本設(shè)置為強(qiáng)制左對(duì)齊，則右側(cè)的文本將不均勻、波動(dòng)和空白。建議文本設(shè)置為兩段對(duì)齊。