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

2022-6-10    博博

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

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


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

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

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

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


3、一種字體,不同字重

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


4、適當(dāng)留白

當(dāng)內(nèi)容豐富時(shí),更需要適當(dāng)?shù)牧舭祝拍茏屧O(shè)計(jì)具有呼吸感,更加舒適。


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

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


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

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


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

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


8、下載頁顯示進(jìn)度提醒

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

9、同個(gè)界面,文本長度盡量一致

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


10、元素陰影不要太重

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

11、使用遞進(jìn)分類加強(qiáng)對比度

加強(qiáng)對比度,可以明確突出所選元素。


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

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


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

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


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

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

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

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




作者:Pixso云設(shè)計(jì)

轉(zhuǎn)載請注明:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

魏華的微信.png

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

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

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

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

分享本文至:

日歷

鏈接

個(gè)人資料

存檔