文字設計是否合理,這將影響用戶對網站的看法。如果文字內容凌亂,讓用戶無法找到想要的資訊,那麼用戶很快就會離開網站;反之,如果文字設計合理且符合用戶的瀏覽習慣,用戶不僅延長在網站停留時間,更有促使他們採取下一步目標操作。
此前小編介紹了關於設計師需要注意的六個UI設計原則,本文將為各位設計師整理需要注意的5個文字設計原則,讓網站有效地傳遞介面重要信息。
文字設計原則一:不要只看顏色區別內容
大部分視覺障礙者在瀏覽螢幕上的文字、圖像,或者是執行眼和手配合的任務(如移動光標等)時往往存在一定困難。
為了確保他們可以正常瀏覽和操作網站,設計師不僅需要增加文字和顏色間的對比度,以幫助視覺障礙者可以更有效地區分不同UI元素,最好還為重要的UI元素增加更多視覺線索例如在可點擊的文字增加下劃線,來引導視覺障礙者進行下一步的轉換行為。
文字設計原則二:使用統一的無襯線字體
從視覺外觀來說,網站主要包含圖像和文字兩大部分。但似乎大部分設計師都僅注重圖像設計而忽略文字的呈現,要知道圖像存在的目的是給用戶更好的視覺體驗,而文字則是讓用戶讀取更多網站及產品相關的信息。
值得注意的是,除非你可以很好地掌握不同字體的屬性並靈活貫通地運用,否則網站使用一種無襯線字體即可。一來網站字體類型過多容易給用戶呈現一種不專業且網站結構差的形象;二來無襯線字體的字型相對規整,沒有襯線的干擾,可以讓用戶容易閱讀和辨認,同時簡潔的字體設計風格更符合現代化的審美需求。
文字設計原則三:限制使用大寫字母
雖然使用大寫字母可以更有效地吸引用戶的注意力,當時用戶在閱讀網站文字時,並不是以單個字母去看,而是以單詞的形式來看,如果網站設計過度使用大寫字母,可能會影響他們對內容的判斷。
因此,在實際操作中,我們只需將句子和專有名詞的首字母大寫,便可提高網站內容的可讀性,降低用戶對文字的閱讀負擔。
文字設計原則四:避免使用純黑色文字
在UI設計中,為了保證網站的易讀性應盡量避免使用純黑色字體,因為它與純白色背景的對比度太高,這會導致用戶在長時間瀏覽過程中容易出現視覺疲勞。
所以,當網站的背景為純白色時,改用深灰色文字有助於提高介面的可讀性;同時,為了確保介面元素保持準確的層級關係,可按照不同灰度的灰色來突出不同文本內容的重要程度。
文字設計原則五:左對齊文本
著名網站設計師Jakob Nelsen曾針對用戶瀏覽習慣做過一個研究,發現大多數情況下,用戶都會不由自主地從左到右、由上至下呈F型閱讀。
一般來說,對於長篇文本內容來說,最好避免採取居中對齊或兩端對齊的方式,因為這兩種對齊方式不利於那些認知能力較弱的人閱讀;至於標題或短文本則使用居中對齊會比較好,因為這種對齊方式可以聚焦用戶的視線,方便他們閱讀和理解。
總的來說,設計師在進行UI設計過程中,每一個步驟都需要思考這樣設計文字內容能否幫助用戶輕鬆理解網站內容,以便有效地向他們傳遞介面的重要信息。