在進行UI設計的時候,很多小技巧能夠恰到好處地提升界麵的設計視覺效果、用戶體驗。這篇來自Mark Andrew的文章梳理了 6個實用性很強的UI效果提升小技巧,是係列文章的第三篇,原文最早發布於marcandrew.me 。
在創建實用、可訪問性良好且視覺效果頗為出彩的UI界麵的時候,在更多時候我們隻需要進行有限度的微調,即可達到頗為不錯的效果。
1、讓視覺元素的設計特征保持一致
UI設計師是習慣的創造者 ,另一方麵,用戶也希望你的設計能夠符合預期。
換句話來說,UI設計師可能個用一致的設計來歸訓用戶,而用戶也可以通過一致的設計來構建起習慣和預期,所以,在布局,圖標,配色和按鈕上將用戶統一到一起,降低混亂度,改善用戶體驗。
2、大膽使用留白來布局
留白,或者說負空間,可能是絕大多數的UI界麵優化的最佳工具。
很多UI界麵隻需要適當增加留白,就能夠將整體的視覺效果拉高一截,它可以讓元素和元素之間的呼吸感更強,整體感知更加優雅精致。
3、優化開頭段落樣式
如果你所要呈現的是長篇內容,通常開頭的段落會對全文內容進行總結性的引導,提出問題,引起用戶的注意力,那麼你需要讓它的功能性更強一點。
要實現這一點,其實也不複雜,就針對這個部分做一些針對性的樣式優化就可以了。
最簡單的方式,就使用不同的字體,或者增加字重,提高行高,讓這一部分的視覺重量超過其他的部分即可。這樣可以讓用戶更快注意到這一部分,並且留下更好的印象,並且增加內容的信息層級。
4、為快速掃讀進行段落優化
在處理長篇內容的時候,短句和短的段落會更加契合當下用戶的閱讀習慣。盡可能使用簡短有力的分段,讓用戶可以更快消化內容。
5、使用更富凝聚力的配色方案
是否心愛綱要創建更加專業的視覺風格?那麼你最好使用一套預先定義好的配色方案。
色彩從來都不是多多益善,更加集中的配色能夠給用戶帶來更加清晰明確的感知。
從一開始就創建一套強大而明確的配色方案,並且堅持使用下去,這樣可以避免麻煩,並且增加整個設計的一致性。
6、使用8pt 網格係統,均勻排布圖標
你會注意到絕大多數的圖標係統,使用的圖標尺寸大多數是 8 的倍數,比如 16×16,24×24,32×32,所以當你使用 8 pt 的網格係統,會很好地同這些圖標係統兼容起來。
當然也有例外的情況,但是這樣的情況真的不算太多。
作者:Marc Andrew
來源:優設網
上一篇 如何使用PS快速排版作品集?
下一篇 圖標設計有哪些基本原則
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答火星時代教育提供深度、係統的建築表現設計師培訓課程,探索21世紀建築藝術的多種可能性與創新。
UE4場景地編是遊戲開發的重要環節,火星時代教育提供係統全麵的UE4場景地編培訓,助你占領遊戲開發前沿。
涵蓋了關於AI插畫培訓班的選擇與比較,以及火星時代教育的專業課程介紹。關鍵詞:AI插畫培訓,火星時代教育。
本文詳細介紹遊戲原畫美術設計師的培訓信息,探討华体会hth体育app在线登录 師的重要性和成功之路,並強調火星時代教育在原畫設計師培訓方麵的專業能力。
深入探究遊戲原畫場景的描繪技巧,提高你的創作能力。從火星時代教育進行學習。
遊戲原畫CG設計培訓為你打開專業华体会hth体育app在线登录 的大門,讓你的創造力在火星時代教育的引導下釋放出來。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!