想要在UI界面排版、網(wǎng)頁設(shè)計(jì)中讓整體視覺井然有序，舒服協(xié)調(diào)，排版技巧是設(shè)計(jì)師們必須掌握的知識(shí)，今天深圳網(wǎng)站設(shè)計(jì)公司洛壹網(wǎng)絡(luò)深入淺出5個(gè)排版技巧設(shè)計(jì)出UI界面的高級(jí)感：

　　1、首屏突出重點(diǎn)

　　用戶在打開網(wǎng)頁后先讓用戶了解這是什么或者作出吸引內(nèi)容，不要看了不清楚網(wǎng)頁做的是什么。首屏相當(dāng)于封面的作用，首屏的設(shè)計(jì)往往決定了用戶是否需要、是否繼續(xù)瀏覽。所以設(shè)計(jì)過程中要注意首屏的展示內(nèi)容。

　　2、盡可能使用左對(duì)齊來提高可讀性

　　在世界上絕大多數(shù)的國家和地區(qū)，所使用的文字排版都是從左到右的（比如阿拉伯語就是反過來的），閱讀順訊是自上而下的。這決定了左對(duì)齊是確?？勺x性的重要基準(zhǔn)。

　　左對(duì)齊給人的雙眼提供了一個(gè)掃讀時(shí)候的基準(zhǔn)位置，在大量、長時(shí)間閱讀的過程在，極大地減小了閱讀壓力——而居中對(duì)齊則明顯做不到這一點(diǎn)。

　　3、增加額外的留白

　　創(chuàng)建元素之間的分離效果，并不一定要通過線框來表現(xiàn)，只要增加留白，讓它們分隔開就行了。通過留白和間距來實(shí)現(xiàn)元素分組是UI設(shè)計(jì)中的常用手法。

　　4、盡量少使用Borders

　　盒子模型是網(wǎng)頁前端最常用到的工具。當(dāng)你需要在兩個(gè)元素之間創(chuàng)建分隔的時(shí)候，盡量避免實(shí)用兩者的邊界直接接觸。

　　雖然 Border是分隔兩個(gè)元素的好辦法，但是它不是唯一的方法，使用過多會(huì)讓整個(gè)布局的設(shè)計(jì)感降低，甚至?xí)斐苫靵y。

　　5、使用同一字體家族

　　如果你在不同字體的搭配上，并沒有足夠豐富的經(jīng)驗(yàn)，那么使用同一字體族的字體來進(jìn)行設(shè)計(jì)，總是最為安全的選擇。通常，一個(gè)字體族是為一個(gè)明確的目標(biāo)來設(shè)計(jì)的。它們有著更為統(tǒng)一的、富有凝聚力的外觀，在設(shè)計(jì)使用過程中，會(huì)更加便捷。

　　使用字體族的另外一個(gè)好處在于，它可以更快適配不同文本元素在排版上的需求，你可以更快地通過調(diào)整字體大小、粗細(xì)、文字大小、色彩來制造相應(yīng)的對(duì)比，呈現(xiàn)不同的視覺效果。

　　另外，同一字體族當(dāng)中，通常會(huì)附帶有相應(yīng)的斜體、等寬字體等等，這可以應(yīng)對(duì)一些相對(duì)特殊的需求，而不用手工去修改。