成人黄色在线网站 I 国产aa免费 I 中文字幕免费高清 I 国产三级影院 I 日韩欧美三级在线观看 I 久久久国产精品麻豆a片 I 欧美与黑人午夜性猛交久久久 I 91国产精品视频在线 I 国产美女狂喷水潮在线播放 I 黄页免费网站在线观看 I 欧美日韩激情视频 I 午夜理论无码片在线观看免费 I 深夜爽爽动态图无遮无挡 I 国精产品一区一区三区有限公司杨 I 天天操天天舔天天爽 I 免费看日本黄色片 I 成人va在线 I 日韩中文字幕在线观看 I 婷婷综合网 I 97视频免费观察看 I 色月丁香 I 日韩视频一二三 I 男女黄色毛片 I 美女疯狂连续喷潮视频 I 亚洲日本va一区二区sa I 欧美日韩视频区 I 毛片网在线 I 欧美一本在线 I 少妇一级淫片免费放香蕉 I avav在线看 I 久久精品亚洲中文字幕无码网站 I 天堂av在线中文在线新版 I 电影一区 电影二区 I 色av吧 中文字幕 I 国产精品伊人色

歡迎來到培訓無憂網!

全國切換

咨詢熱線 400-001-5729

位置:培訓無憂網 > 新聞資訊 > 電腦/IT > UI設計 >  ui設計培訓排版技巧掌握

ui設計培訓排版技巧掌握

來源:培訓無憂網 發布人:云朵

2022-03-15 14:49:48|已瀏覽:196次

ui設計培訓排版技巧掌握

      ui設計培訓排版中很重要的兩個因素是對齊和間距。對齊讓頁面內容有序且合理,間距有助于拉開頁面中各個元素的空間和節奏,這兩個因素協同工作,來實現更好的用戶體驗。

ui設計培訓排版技巧1) 避免長文本居中對齊

      當頁面中的文字內容超過兩三行,盡量不要使用居中對齊的方式。

      當大段的文字內容居中對齊時,給人的第一感覺就是文字左右兩邊不規整,這樣的排版方式會導致讀者在閱讀時注意力下降。

ui設計培訓排版技巧2) 長文本使用左對齊

      左對齊的排版方式具有更好的可讀性,而且現在的書籍、文章很多都是采用左對齊的方式。文本左對齊避免了用戶在瀏覽頁面時視線來回跳躍,更快速地瀏覽內容。

ui設計培訓排版技巧3)標題和注釋使用居中對齊

      居中對齊什么場景下可以用呢?當標題僅有一到兩行時,就可以考慮使用居中對齊。當然如果標題超過兩行,使用左對齊會更好。

      例如在網站首頁設計中,經常會看到這種功能亮點水平排列的設計,在這樣的場景下,標題和注釋文字都可以使用居中對齊。如果其中一個注釋太長需要折行,考慮精簡文字信息,做到設計上的完全統一。
ui設計培訓排版技巧4) 右對齊數字和時間

      在設計表格、卡片或儀表盤的時候,右對齊數字和時間。例如在設計涉及金額的表單時,將金額右對齊會讓數目信息更加一目了然。

ui設計培訓排版技巧5) 主標題使用較大的間距

      標題和文字內容之間留有一定間距有助于劃分內容層級關系,讓標題和文字之間形成更清晰的對比。

ui設計培訓排版技巧6) 副標題使用較小的間距

      副標題的字體大小更接近文本內容,使用較小的間距有助于突出顯示標題內容,并且不會破壞閱讀流程。

ui設計培訓排版技巧7) 定義通用的段間距

      為了讓一大段內容看起來統一,設置一個通用的段間距至關重要。大多數字體的理想行距是行高的30%-50%,例如文字的行高是24pt,那么段落間的間距為8、10、或12pt。

ui設計培訓排版技巧8) 在文本和圖像之間添加更多空間

      圖像在視覺上比文本重,添加額外的空間有助于在圖像和上下文之間建立平衡,讓內容更易于閱讀。

      文本和圖像之間留有一定的空間,可以防止文本受到視覺重量大的圖像的影響。

      注:尊重原創文章,轉載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-25175.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規劃更適合你的專業課程!
  • 姓名:

  • 手機:

  • 地區:

  • 想學什么:

  • 培訓無憂網
免 費 申 請 試 聽
提交申請,《培訓無憂網》課程顧問老師會一對一幫助你規劃更適合你的專業課程!