防止長文本居中對齊:頁面文字超過三行時最好不要使用居中對齊,會使讀者在閱讀時降低注意力。
長文本使用左對齊:左對齊更具有可讀性,防止讀者在閱讀時視線來回跳躍。
標題和注釋使用居中對齊:標題只有1-2行時可以使用居中對齊,若注釋太長可使用折行。
右對齊數字和時間:設計表格和卡片時,右對齊數字可以讓數字更清楚明了。
一、UI設計排版方法1、防止長文本居中對齊
(1)當頁面中的文字內容超過兩三行,盡可能不要使用居中對齊的方法。
(2)當大段的文字內容居中對齊時,給人的第一感覺就是文字左右兩邊不規整,這樣的排版方式會導致讀者在閱讀時注意力下降。
2、長文本使用左對齊
左對齊的排版方法具有更好的可讀性,而且如今的書籍、文章非常多都是采用左對齊的方法。文本左對齊防止了用戶在瀏覽頁面時視線來回跳躍,更快速地瀏覽內容。
3、標題和注釋使用居中對齊
(1)當標題僅有一到兩行時,就可以考慮使用居中對齊。當然如果標題超過兩行,使用左對齊會更好。
(2)例如在網站首頁設計中,經常會看到這種功能亮點水平排列的設計,在這樣的場景下,標題和注釋文字都可以使用居中對齊。
(3)如果其中一個注釋太長需要折行,考慮精簡文字信息,做到設計上的完全統一。
4、右對齊數字和時間
在設計表格、卡片或儀表盤的時候,右對齊數字和時間。例如在設計涉及金額的表單時,將金額右對齊會讓數目信息更加一目了然。
5、主標題使用較大的間距
標題和文字內容之間留有一定間距有利于劃分內容層級關系,讓標題和文字之間形成更清晰的對比。
二、UI設計的漸變怎么做
1、簡單的文字用漸變的效果也會具有空間感。我們可以把文字進行復制,多復制幾層,然后給文字加上一些漸變,這樣就形成了一種前后堆疊的層次感
2、如果我們覺得現有的字面意思不夠喜歡的話,我們可以把文字切開,再搭配使用漸變,裂開的效果就營造出來了,也是增添了一些空間感。
3、也許你覺得翻頁的效果更能體現出空間層次感,那我們可以把畫面平均劃分,分別去添加一個漸變,但是文字的感覺還是有些扁平。讓文字和背景更好地融合,就會更加協調自然。
4、我們可以利用漸變來營造層次感,這種手法也是很常見的,比如說有一個普通心形的圖標,如果我們恰到好處地使用漸變,視覺效果就會變得更加生動。
5、如果是在圖片上進行排版,可以對每個文字分別添加漸變,這種方式雖然老套,但是非常實用,可以營造出交疊的空間感。
6、或者我們想要突出主題,那就做出圖文穿插的效果,別忘了使用漸變,讓文字和畫面更自然地結合。