想要在UI界面排版、網(wǎng)頁設(shè)計中讓整體視覺井然有序,舒服協(xié)調(diào),排版技巧是設(shè)計師們必須掌握的知識,今天南昌網(wǎng)站建設(shè)開發(fā)公司百科科技深入淺出5個排版技巧設(shè)計出UI界面的高級感:
1、首屏突出重點
用戶在打開網(wǎng)頁后先讓用戶了解這是什么或者作出吸引內(nèi)容,不要看了不清楚網(wǎng)頁做的是什么。首屏相當(dāng)于封面的作用,首屏的設(shè)計往往決定了用戶是否需要、是否繼續(xù)瀏覽。所以設(shè)計過程中要注意首屏的展示內(nèi)容。
2、盡可能使用左對齊來提高可讀性
在世界上絕大多數(shù)的國家和地區(qū),所使用的文字排版都是從左到右的(比如阿拉伯語就是反過來的),閱讀順訊是自上而下的。這決定了左對齊是確保可讀性的重要基準(zhǔn)。
左對齊給人的雙眼提供了一個掃讀時候的基準(zhǔn)位置,在大量、長時間閱讀的過程在,極大地減小了閱讀壓力——而居中對齊則明顯做不到這一點。
3、增加額外的留白
創(chuàng)建元素之間的分離效果,并不一定要通過線框來表現(xiàn),只要增加留白,讓它們分隔開就行了。通過留白和間距來實現(xiàn)元素分組是UI設(shè)計中的常用手法。
4、盡量少使用Borders
盒子模型是網(wǎng)頁前端最常用到的工具。當(dāng)你需要在兩個元素之間創(chuàng)建分隔的時候,盡量避免實用兩者的邊界直接接觸。
雖然 Border是分隔兩個元素的好辦法,但是它不是唯一的方法,使用過多會讓整個布局的設(shè)計感降低,甚至?xí)斐苫靵y。
5、使用同一字體家族
如果你在不同字體的搭配上,并沒有足夠豐富的經(jīng)驗,那么使用同一字體族的字體來進(jìn)行設(shè)計,總是最為安全的選擇。通常,一個字體族是為一個明確的目標(biāo)來設(shè)計的。它們有著更為統(tǒng)一的、富有凝聚力的外觀,在設(shè)計使用過程中,會更加便捷。
使用字體族的另外一個好處在于,它可以更快適配不同文本元素在排版上的需求,你可以更快地通過調(diào)整字體大小、粗細(xì)、文字大小、色彩來制造相應(yīng)的對比,呈現(xiàn)不同的視覺效果。
另外,同一字體族當(dāng)中,通常會附帶有相應(yīng)的斜體、等寬字體等等,這可以應(yīng)對一些相對特殊的需求,而不用手工去修改。