歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-03-15 14:49:48|已瀏覽:193次

ui設(shè)計培訓(xùn)排版中很重要的兩個因素是對齊和間距。對齊讓頁面內(nèi)容有序且合理,間距有助于拉開頁面中各個元素的空間和節(jié)奏,這兩個因素協(xié)同工作,來實現(xiàn)更好的用戶體驗。
ui設(shè)計培訓(xùn)排版技巧1) 避免長文本居中對齊
當(dāng)頁面中的文字內(nèi)容超過兩三行,盡量不要使用居中對齊的方式。
當(dāng)大段的文字內(nèi)容居中對齊時,給人的第一感覺就是文字左右兩邊不規(guī)整,這樣的排版方式會導(dǎo)致讀者在閱讀時注意力下降。
ui設(shè)計培訓(xùn)排版技巧2) 長文本使用左對齊
左對齊的排版方式具有更好的可讀性,而且現(xiàn)在的書籍、文章很多都是采用左對齊的方式。文本左對齊避免了用戶在瀏覽頁面時視線來回跳躍,更快速地瀏覽內(nèi)容。
ui設(shè)計培訓(xùn)排版技巧3)標(biāo)題和注釋使用居中對齊
居中對齊什么場景下可以用呢?當(dāng)標(biāo)題僅有一到兩行時,就可以考慮使用居中對齊。當(dāng)然如果標(biāo)題超過兩行,使用左對齊會更好。
在設(shè)計表格、卡片或儀表盤的時候,右對齊數(shù)字和時間。例如在設(shè)計涉及金額的表單時,將金額右對齊會讓數(shù)目信息更加一目了然。
ui設(shè)計培訓(xùn)排版技巧5) 主標(biāo)題使用較大的間距
標(biāo)題和文字內(nèi)容之間留有一定間距有助于劃分內(nèi)容層級關(guān)系,讓標(biāo)題和文字之間形成更清晰的對比。
ui設(shè)計培訓(xùn)排版技巧6) 副標(biāo)題使用較小的間距
副標(biāo)題的字體大小更接近文本內(nèi)容,使用較小的間距有助于突出顯示標(biāo)題內(nèi)容,并且不會破壞閱讀流程。
ui設(shè)計培訓(xùn)排版技巧7) 定義通用的段間距
為了讓一大段內(nèi)容看起來統(tǒng)一,設(shè)置一個通用的段間距至關(guān)重要。大多數(shù)字體的理想行距是行高的30%-50%,例如文字的行高是24pt,那么段落間的間距為8、10、或12pt。
ui設(shè)計培訓(xùn)排版技巧8) 在文本和圖像之間添加更多空間
圖像在視覺上比文本重,添加額外的空間有助于在圖像和上下文之間建立平衡,讓內(nèi)容更易于閱讀。
文本和圖像之間留有一定的空間,可以防止文本受到視覺重量大的圖像的影響。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-25175.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050