由于APP的布局空間有限，移動(dòng)終端的布局設(shè)計(jì)比PC終端復(fù)雜得多。如何向大眾呈現(xiàn)一款優(yōu)秀的APP排版設(shè)計(jì)，需要考慮用戶的閱讀習(xí)慣和美觀設(shè)計(jì)，以及版面的層次關(guān)系和可讀性。那么，移動(dòng)端APP開發(fā)的布局設(shè)計(jì)應(yīng)該遵循哪些原則呢？

移動(dòng)端APP開發(fā)原則1:對齊原則

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

移動(dòng)端APP開發(fā)原則二:比較原則

對比原則主要是通過大小、顏色、形狀的變換突出界面中的關(guān)鍵元素，從而引起用戶的注意。對比可以讓APP開發(fā)的層次更清晰，同時(shí)也可以聚焦在用戶的眼睛上，讓用戶聚焦在我們希望他們看到的元素上。

移動(dòng)端APP開發(fā)原則三:親密原則

親密原則是讓相關(guān)的相似元素相互靠近，同時(shí)遠(yuǎn)離不相關(guān)的元素。親密度可以提高UI設(shè)計(jì)的可讀性，可以清晰區(qū)分界面中的各個(gè)層次。

在談完移動(dòng)終端的布局設(shè)計(jì)之后，我們來討論一下APP開發(fā)的布局。排版設(shè)計(jì)一般是指界面中字符的布局，那么手機(jī)端APP開發(fā)設(shè)計(jì)應(yīng)該遵循什么原則來增加界面的可讀性呢？

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

由于人類的閱讀習(xí)慣是從上到下，從左到右，所以在開發(fā)APP時(shí)，文字要盡量左對齊，以提高界面的可讀性。

2.只使用一種字體

通常優(yōu)秀的設(shè)計(jì)師在開發(fā)APP的時(shí)候可以完美的使用兩種字體。這是因?yàn)樗麄兡軌蛘莆蘸屠斫馑x擇的字體類型，并確保它們相輔相成。但是如果暫時(shí)不能很好的掌握這個(gè)技巧，建議只使用一種字體，通過改變字體的屬性來區(qū)分文字的層次，保證界面簡潔明了。

3.字寬/字號跨度要足夠大

由于字體粗細(xì)和字體大小相近，用戶很難區(qū)分不同級別的字符之間的差異。所以為了在界面之間形成良好的對比，不同級別的字體粗細(xì)和字體大小的難度跨度應(yīng)該比較大。

4.與軸對齊

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

5.使用條形圖和箱式分類

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

6.注意間距

一般來說，元素之間的距離越近，讀者就會(huì)假設(shè)不同的信息塊之間存在這樣的關(guān)系，所以對于相關(guān)性低的信息塊，空格要盡量大，或者用分隔線和塊來區(qū)分。此外，如果將文本設(shè)置為強(qiáng)制左對齊，右側(cè)會(huì)出現(xiàn)不均勻的文本、起伏和空格。建議將文本設(shè)置為兩段對齊。

以上就是移動(dòng)端app開發(fā)的一些注意事項(xiàng)和標(biāo)準(zhǔn)，希望為您的APP開發(fā)提供參考價(jià)值。

移動(dòng)端APP開發(fā)?-北京天品互聯(lián)，專業(yè)制作手機(jī)app軟件開發(fā)9年時(shí)間，案例經(jīng)驗(yàn)豐富，app移動(dòng)設(shè)計(jì)高標(biāo)準(zhǔn)，如有問題可以致電。

• 上一篇 : 藍(lán)牙app開發(fā)
• 下一篇 : APP開發(fā)外包5大注意事項(xiàng)