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

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

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

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

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

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

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

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

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

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

2.只使用一種字體

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

3.字寬/字號(hào)跨度要足夠大

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

4.與軸對(duì)齊

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

5.使用條形圖和箱式分類(lèi)

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

6.注意間距

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

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

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

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