我們?cè)谡刄I設(shè)計(jì)的時(shí)候經(jīng)常會(huì)涉及到基本布局和信息分層，良好的布局能夠使頁面更加美觀，也可以突出顯示更重要的內(nèi)容。層級(jí)不一定需要通過明確的符號(hào)來表示，通過顏色、字體的區(qū)分也可以達(dá)到類似的效果，讓用戶能夠在大量文字當(dāng)中也能精準(zhǔn)的定位到關(guān)鍵內(nèi)容。

一、顏色

在通過顏色來區(qū)分不同層級(jí)的時(shí)候要記得色調(diào)設(shè)計(jì)的觀感要好。一些地方采用高對(duì)比度會(huì)有比較好的效果，而一些地方則更適合使用統(tǒng)一的色調(diào)，或采用灰色的文字來降低該區(qū)域的權(quán)重。

二、留白

頁面的格式之間留有的空間。即使是對(duì)信息密度要求最高的APP也都會(huì)留一些空白，這是因?yàn)榻缑婷烙^是會(huì)影響用戶體驗(yàn)的第一要?jiǎng)?wù)。在各種元素之間有一個(gè)“親密性原則”，即相關(guān)性越高的元素距離越近，相關(guān)性越小的距離越遠(yuǎn)，這樣就可以讓層次顯得更加分明，從而引導(dǎo)用戶的視線。

三、圖片

在圖片方面，如果頁面里有足夠多的圖片資源可以放置，要注意圖片之間的色彩搭配不會(huì)讓人覺得過于混亂，而如果圖片資源不夠豐富，也應(yīng)該使用圖標(biāo)來讓界面看上去色彩足夠明艷。另外一方面，不同的權(quán)重內(nèi)容圖片的大小也要有所區(qū)分，這也是版式設(shè)計(jì)的重要環(huán)節(jié)。

四、文字

在文字方面，大段的文字當(dāng)中一定要有輕重緩急，通過字體和留白引導(dǎo)用戶的視線，但要注意不能使用過度。

總體上來說，UI的布局是有規(guī)律可循的，一些排版上的細(xì)節(jié)雖然不會(huì)對(duì)其效果優(yōu)質(zhì)的影響，但是細(xì)節(jié)的堆積可以帶來用戶體驗(yàn)的質(zhì)變，因此要在布局方面進(jìn)行精細(xì)的優(yōu)化。

我們擁有國(guó)內(nèi)頂級(jí)的設(shè)計(jì)、技術(shù)團(tuán)隊(duì)和多年互聯(lián)網(wǎng)軟件開發(fā)經(jīng)驗(yàn)。