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