想要在UI界面排版、網(wǎng)頁(yè)設(shè)計(jì)中讓整體視覺(jué)井然有序，舒服協(xié)調(diào)，排版技巧是設(shè)計(jì)師們必須掌握的知識(shí)，今天南昌網(wǎng)站建設(shè)開(kāi)發(fā)公司百科科技深入淺出5個(gè)排版技巧設(shè)計(jì)出UI界面的高級(jí)感：

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

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

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

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

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

　　3、增加額外的留白

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

　　4、盡量少使用Borders

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

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

　　5、使用同一字體家族

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

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

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