1、留白應被視為最常見/實用的設計元素
不要把你的整個頁面都用信息給填滿,讓你的設計盡量更有呼吸感,而不會顯得擁擠。
留白其實和文本、圖片、配色一樣,應當視作為一個排版的元素,無論是在網頁還是在 APP 的UI界面當中,它們都是一起協同來構成版面,傳遞信息,給用戶帶來更好的體驗。
而屏幕空間足夠充裕并不意味著你需要用信息填滿整個空間,使用留白合理地將信息劃分出優(yōu)先級,這一點在幾乎所有的設計里面都是通用的規(guī)則。
2、保持文本和圖像之間合適的對比度
在涉及到圖文混排或者圖文疊加的地方,前景的文本和背景的圖片之間的對比度控制也是一個常見的問題。尤其是在圖片的視覺信息比較多和混雜的時候,前景的文字很難確保整體的可讀性。
這個/時候,在文本和圖片之間添加一個深色半透明的疊加層,就能夠讓圖片和文本之間保持良好的對比度。
另外,這種設計還可以在更換圖片和文本情況下,合理地在深色和淺色之間切換,確保不同情況下的對比度。
3、控制好文本段落在垂直方向上的節(jié)奏感
文本內容在垂直方向上其實也是有講究的,合理的節(jié)奏能夠讓標題、副標題、段落標題、文本之間的各自的歸屬關系、層級結構,呈現的更加清晰。
我見過最常見的一種情況,所有的行間距和段間距都是一樣的,邊距和間距也都非常粗暴地完全一樣,這種排版設計之下,視覺上無法讓人清晰地了解到底標題和上下段落之間的歸屬關系。
其實這個時候,我通常會讓段落標題和上有正文段落之間的間距拉開,這樣能夠讓標題和下方段落之間有更加清晰的關系,保留更好的垂直節(jié)奏感。這種思路延伸開來,可以根據需求做的更細致,但是總體上,就是為了提供更好的視覺層次結構。
這次主要是迭代升級了這一測試方法。這個方法能夠讓字體可讀性測試更加準確。
在進行西文字體設計的時候,小寫x通常是作為字體設計的基準,它和大寫字母的尺寸對比比例直接影響著字體的可讀性。
如果你選的字體的 x 高度特別高,那么在長篇文章當中,這樣的字體通常會有著更好的可讀性。
但是這種測試方法有點粗略。而 Il1 測試方法也非常有用。
這個測試方法是使用3個不同的字母,大寫的字母i(I),小寫的L(l),以及數字 1。
在一套字體當中,這3個字符在視覺上非常接近,測試中,3個字符越接近,那么在可讀性上,相對應的也就越差。類似這樣的測試技巧還有很多,最典型的就是使用小寫字母A(a)和小寫字母G(g)來進行對比:
可以明顯看出,在襯線字體中,a 和 g 有的時候更容易分辨。
5、根據文本塊的大小靈活調節(jié)行高
在版式設計當中,如果想要保證體驗足夠優(yōu)秀,并非所有地行高都是完全一樣的。在處理不同大小地文本塊地時候,最好根據不同段落本身地特征,來設置行高。(注意:行高通常指的上一行的字符底部到下一行的字符底部的距離)
對于大面積的文本,適當地增加行高,能夠讓行之間的辨識度變得更高,但是段落本身比較緊湊短小的時候,比如只有三四行,行寬也不大,這個時候適當縮減行高,因為這樣不會帶來易讀性的問題。
6、文本內容的配色盡量只調整色相和明暗
在項目允許的情況下,不要使用大量不同的文本顏色來區(qū)分信息的類型,因為這種方式會讓整體的體驗變得花哨且不協調。
在缺少嚴格設計系統(tǒng)和相對嚴謹的前期研究工作的情況下,臨時調整出來的色彩組合應用在不同功能的文本上,所呈現出來的效果通常會特別難看。
通常而言,為了讓設計不至于深陷反復調整文本配色怪圈當中,通常最好基于你的整個配色方案來進行設計,比如可以借用你的主色的色相,在保證對比度的情況下,讓不同的文本呈現出不同的明暗即可,這樣既保證了視覺上的統(tǒng)一,又差異性的處理,又不至于體驗上太差。
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經閱讀并接受
上述條款。