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