快速提升 UI 設計效果的 6 個小技巧
編者按:在進行 UI 設計的時候,很多小技巧能夠恰到好處地提升界面的設計視覺效果、用戶體驗。這篇來自Mark Andrew 的文章梳理了 6 個實用性很強的 UI 效果提升小技巧,是系列文章的五篇,原文最早發布于 marcandrew.me 。
在創建實用、可訪問性良好且視覺效果頗為出彩的 UI 界面的時候,我們大多只需要進行有限度的微調,即可達到頗為不錯的效果。在之前,我已經撰寫了很多實用的 UI & UX 優化小貼士(看完文章在文末獲取),這篇文章繼續增加 6 條實用的建議,一起來看看吧!
1、 在 APP 當中保證底部標簽欄內容不變
在目前絕大多數 APP 都會采用底部標簽欄作為主要的導航模塊,那么在設計的時候,要確保這個部分的功能上固定且明確的,不會消失,不會變化,不會給用戶帶來挫敗感。
2、只需用字重字號變化即可構建層次
只需要使用字重和字號變化即可做到這一點!
在絕大多數的文本排版當中,只需要使用單一的字體即可實現層次頗為豐富的信息層級,你需要根據文本內容的重要性和優先級進行排列,優先級越高的文本字號越大,字重也越大。
另外要注意疏密排列,確保可讀性和相關性更高的文本塊更靠近。
3、在移動端 UI 上使用更大的可點擊區域
雖然這個道理顯而易見,但是總是在進行具體的界面設計的時候容易忘記這個重要的點。在 iOS 上,可點擊的最小區域為 44×44 pt,在 Android 上則是 48×48 pt。
有時候,控件看起來可能較小,可以讓觸發區域盡量大一點。
4、使用盡量統一的導航設計
導航構成了用戶探索網站和 APP 最為主要的行為路徑,確保導航的一致性確保用戶在后續的交互過程中不會感到疑惑和沮喪。
所以,在迭代升級過程中,即便是最微小的改變,也盡量在系統層級上保持統一。對于重要的、關鍵性的、破壞性的操作,可以做一些明顯的差異化。
5、對于內容豐富的網站,讓搜索功能凸顯
如果有可能,對于內容較多的網站,盡量讓搜索按鈕被凸顯出來,在觸手可及的位置。盡量不要將搜索按鈕隱藏在下拉菜單之類的地方,因為它可能是用戶抵達目標的主要方式甚至可能上唯一方式。
6、不要隨意選擇字號
文本在頁面當中字號到底要多大?在很多地方,字號的選擇上其實是有完整的解決方案和處理技巧的。比如使用 TypeScale。
通常而言,讓不同信息層級的文本大小保持 1.25 的倍率即可達到頗為不錯的視覺效果和體驗。而 TypeScale 可以基于基本的文本字體尺寸即 18px 按照 1.25 的比率進行縮放,從而幫你生成 H1、H2、H3 等不同層級文本的尺寸大小。
使用 TypeScale 生成的文本能夠為你的排版帶來自然、舒適的節奏和體驗。