2022-6-10 博博
在UI設(shè)計(jì)中,很多設(shè)計(jì)師都苦惱于自己的界面設(shè)計(jì)“沒有設(shè)計(jì)感”,感覺看起來“不高級(jí)”,到底是為什么呢?其實(shí)就是在一些細(xì)節(jié)的處理上略缺火候,掌握下面這15個(gè)小技巧,能讓你的UI界面質(zhì)感翻倍!
1、雙重陰影,突出立體感
設(shè)計(jì)師在設(shè)計(jì)時(shí),為了突出里按鈕的立體感,往往會(huì)使用陰影效果。但其實(shí)在陰影效果上再疊加一層精細(xì)的邊框,可以讓陰影效果顯得更清晰,而不會(huì)與原本的按鈕混為一體。
2、只用一種字體,保持視覺一致性
為了讓設(shè)計(jì)更美觀,許多設(shè)計(jì)師會(huì)在一個(gè)界面使用多種字體,但實(shí)際上,一個(gè)界面里只使用一種字體更為美觀,可以幫助界面產(chǎn)生統(tǒng)一的設(shè)計(jì)效果。
3、一種字體,不同字重
如果選擇一種字體進(jìn)行設(shè)計(jì)會(huì)稍顯單調(diào),那可以根據(jù)內(nèi)容的輕重優(yōu)先級(jí),來選擇不同的字重來做以區(qū)分。
4、適當(dāng)留白
當(dāng)內(nèi)容豐富時(shí),更需要適當(dāng)?shù)牧舭?,才能讓設(shè)計(jì)具有呼吸感,更加舒適。
5、提高文本與背景的對(duì)比度
很多過深或過淺的背景圖上添加文本,總會(huì)讓人閱讀有困難,可以采取加粗、添加漸變等方式來處理文本,讓字體更清晰。
6、交互按鈕需要著重突出
為了增加用戶選擇交互按鈕的可能性,應(yīng)該使用顏色對(duì)比、尺寸或標(biāo)簽,來確保該按鈕突出。
7、字號(hào)越小,行距應(yīng)該越寬
字號(hào)越小,閱讀起來障礙更明顯,增加行高留出空隙會(huì)讓它更易讀。
8、下載頁(yè)顯示進(jìn)度提醒
如果下載頁(yè)的軟件或其他安裝包有一定的下載等待時(shí)間,建議給出進(jìn)度提示,讓用戶可以隨時(shí)了解下載進(jìn)度,不會(huì)中途取消下載。
9、同個(gè)界面,文本長(zhǎng)度盡量一致
基于人的閱讀習(xí)慣,研究總結(jié)出,單列頁(yè)面里,45到75個(gè)字符是被廣泛認(rèn)可的長(zhǎng)度。
10、元素陰影不要太重
舒服的投影會(huì)增加你的設(shè)計(jì)的質(zhì)感,和透氣感。太重的投影會(huì)顯得你畫面比較臟。
11、使用遞進(jìn)分類加強(qiáng)對(duì)比度
加強(qiáng)對(duì)比度,可以明確突出所選元素。
12、標(biāo)題的行高不要太高
與長(zhǎng)格式正文文本(需要足夠的行高以提高可讀性)不同,標(biāo)題通常要短得多,因此可以稍微縮小間距。標(biāo)題的建議行高通常是文本大小的1到1.3倍。
13、大寫標(biāo)題,提高字間距
當(dāng)標(biāo)題全部為大寫字母時(shí),增加字母間距可以提高可讀性,同時(shí)又增強(qiáng)了一絲設(shè)計(jì)感。
14、增添頁(yè)面動(dòng)態(tài)
可以在加載中添加一些提醒讓用戶理解當(dāng)前運(yùn)行狀態(tài),例如添加“緩沖”符號(hào)。
15、不要在下拉列表放置重要操作
用戶需要采取的基本操作(例如,注冊(cè)或登錄),應(yīng)該直接放在醒目位置,而非隱藏在菜單欄中。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com