在進行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快速排版作品集?
下一篇 圖標設計有哪些基本原則
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答本篇文章會深入解析火星時代教育的平麵設計班內容。本課程將帶你進入平麵設計的廣闊世界,跨越設計的理論與實踐,挖掘你的設計潛能。
火星網頁實習培訓開啟了走向網絡前端開發的大門。火星時代教育引領學生掌握了最新的前端技術並且了解火星網頁實習培訓的相關內容。
找到最好的vr遊戲開發培訓學校,提升你的VR遊戲開發技能,成為行業內的專業人士。關鍵詞:VR遊戲開發,VR培訓,遊戲開發學校。
探討影視美術建築表現的重要性以及如何通過火星時代教育的專業培訓,有效提升此項技能。
本文主要介紹了培訓學校空間設計的重要性及其技巧,並探討火星時代教育如何運用空間設計給學習帶來更好的體驗。
了解一個頂級的遊戲開發培訓機構如何通過專業的課程和實戰訓練幫助學員成長為高級遊戲開發者。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!