UI設(shè)計師必看!關(guān)于界面設(shè)計質(zhì)感提升的15個小技巧

2022-5-5    博博

分享如何使用小技巧,提升設(shè)計質(zhì)感

在UI設(shè)計中,很多設(shè)計師都苦惱于自己的界面設(shè)計“沒有設(shè)計感”,感覺看起來“不高級”,到底是為什么呢?其實就是在一些細節(jié)的處理上略缺火候,掌握下面這15個小技巧,能讓你的UI界面質(zhì)感翻倍!


1、雙重陰影,突出立體感

設(shè)計師在設(shè)計時,為了突出里按鈕的立體感,往往會使用陰影效果。但其實在陰影效果上再疊加一層精細的邊框,可以讓陰影效果顯得更清晰,而不會與原本的按鈕混為一體。



2、只用一種字體,保持視覺一致性

為了讓設(shè)計更美觀,許多設(shè)計師會在一個界面使用多種字體,但實際上,一個界面里只使用一種字體更為美觀,可以幫助界面產(chǎn)生統(tǒng)一的設(shè)計效果。




3、一種字體,不同字重

如果選擇一種字體進行設(shè)計會稍顯單調(diào),那可以根據(jù)內(nèi)容的輕重優(yōu)先級,來選擇不同的字重來做以區(qū)分。






4、適當(dāng)留白

當(dāng)內(nèi)容豐富時,更需要適當(dāng)?shù)牧舭?,才能讓設(shè)計具有呼吸感,更加舒適。




5、提高文本與背景的對比度

很多過深或過淺的背景圖上添加文本,總會讓人閱讀有困難,可以采取加粗、添加漸變等方式來處理文本,讓字體更清晰。






6、交互按鈕需要著重突出

為了增加用戶選擇交互按鈕的可能性,應(yīng)該使用顏色對比、尺寸或標(biāo)簽,來確保該按鈕突出。






7、字號越小,行距應(yīng)該越寬

字號越小,閱讀起來障礙更明顯,增加行高留出空隙會讓它更易讀。






8、下載頁顯示進度提醒

如果下載頁的軟件或其他安裝包有一定的下載等待時間,建議給出進度提示,讓用戶可以隨時了解下載進度,不會中途取消下載。





9、同個界面,文本長度盡量一致

基于人的閱讀習(xí)慣,研究總結(jié)出,單列頁面里,45到75個字符是被廣泛認(rèn)可的長度。




10、元素陰影不要太重

舒服的投影會增加你的設(shè)計的質(zhì)感,和透氣感。太重的投影會顯得你畫面比較臟。



11、使用遞進分類加強對比度

加強對比度,可以明確突出所選元素。




12、標(biāo)題的行高不要太高

與長格式正文文本(需要足夠的行高以提高可讀性)不同,標(biāo)題通常要短得多,因此可以稍微縮小間距。標(biāo)題的建議行高通常是文本大小的1到1.3倍。




13、大寫標(biāo)題,提高字間距

當(dāng)標(biāo)題全部為大寫字母時,增加字母間距可以提高可讀性,同時又增強了一絲設(shè)計感。



14、增添頁面動態(tài)

可以在加載中添加一些提醒讓用戶理解當(dāng)前運行狀態(tài),例如添加“緩沖”符號。





15、不要在下拉列表放置重要操作

用戶需要采取的基本操作(例如,注冊或登錄),應(yīng)該直接放在醒目位置,而非隱藏在菜單欄中。




文章來源:站酷   作者:Pixso云設(shè)計

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、
BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔