前幾期給大家分享了關於UI設計的排版、配色、流行趨勢、情感化設計等等。這些都固然重要但是似乎忽略了什麼,沒錯那就是字體!今天胡老師就和大家聊聊優秀UI設計師必知的字體設計規範。
字體為什麼重要?
字體不僅僅只是字體,它更是用戶界面設計的重要組成部分。好的排版將建立強大的視覺層次,為網站提供圖形平衡,並設置產品的整體色調。字體指導並通知用戶,優化可讀性和可訪問性,並確保出色的用戶體驗。
字體樹立品牌知名度
適合產品的字體不僅會增強網站的個性,而且用戶會將字體與品牌相關聯。獨特的字體可以幫助建立強大的用戶群,建立對用戶的信任,並幫助您進一步提升品牌知名度。
反思個性,語氣和品牌
儘管實際上可以在網絡上有很多字體可供選擇,這意味著可以使用產品獨有的字體,但事情很容易變得過於複雜-特別是如果不知道從哪下手。這就是為什麼仔細考慮產品的目的以及受眾的重要性如此重要的原因。
排版並不是界面的點睛之筆,它只是將所有UI設計元素結合在一起的粘合劑。但是,由於有許多可用的字體,很多UI設計師在選擇適合該產品的字體會感覺像雷區。為了幫助小夥伴,給大家說說字體以及注意事項。
字體分為襯線和無襯線。為了使界面整潔,精簡,優秀的設計師永遠不會使用三種以上的字體,並且將裝飾字體的數量降至最低。大多數UI設計師都會將襯線字體與sans-serif字體配對,例如將主體文本置於serif字體中,將標題置於sans-serif字體中,反之亦然。
一致性
保持字體一致是避免混淆和混亂界面的關鍵。在傳達信息時,必須堅持相同的字體樣式,以便用戶立即理解他們正在閱讀的內容,並開始注意到一種模式。雖然可以在一定程度上處理層次結構,但最好的做法是建立一致的字體層次結構(一種用於標題的一致字體,另一用於子標題的一致字體)並堅持使用。
主要字體
用於所有較大的文本,例如標題,標題是頁面上最可見的字體。因此,至關重要的是要反映出品牌的身份-這意味著在選擇主要字體時可以更具創造力和更大膽。
次要字體
輔助字體將構成副本的正文。由於頁面上的任何文章或說明都將使用輔助字體,因此它應該乾淨且易於閱讀,且不會產生壓力。
確保字體可縮放
當以較大的尺寸通過時,某些字體很容易看到,而另一方面,字體非常細的字體或裝飾過度的字體在較小的設置下可能會模糊。將字體添加到UI設計中時,確保字體可伸縮是至關重要的一步。
可縮放字體,也稱為離群字體或矢量字體,是可以放大或縮小而不會變形的字體。每個字符的輪廓都作為數學公式存儲。優秀UI設計師必知的字體設計規範https://www.aaa-cg.com.cn/ui/2843.html?seo1除了提供無數種每種字體的大小外,可縮放字體還具有另一個優勢,即它們可以充分利用輸出設備的解析度。顯示器的解析度越高,可縮放字體的外觀就越好。如果您的字體系統(產品上使用的字體家族)包括旨在多種用途的字體(從小標籤到較大的標題和大容量內容),請選擇與多種尺寸兼容並提高每種尺寸的可讀性和可用性的字體。
在界面中測試字體的可伸縮性時,請確保使用真實文本而不是Lorem Ipsum佔位符。這樣更實際地了解它們的擴展程度。
6.注意字體加載時間
許多設計師經常忽略的一件事是選擇對Web瀏覽器友好的字體。很少有人有耐心等待緩慢的加載時間-實際上,緩慢的加載時間甚至可能會損害站點的UX互動設計。常用的字體庫就提供了基於Web的字體文件,可以在瀏覽器中完美呈現它們而不會出現任何問題。 下載網絡字體時,切勿下載過多的字符集,語言或樣式。這樣可以避免多餘的體重。