2022-5-5 博博
在UI設(shè)計(jì)中，很多設(shè)計(jì)師都苦惱于自己的界面設(shè)計(jì)“沒有設(shè)計(jì)感”，感覺看起來(lái)“不高級(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í)，來(lái)選擇不同的字重來(lái)做以區(qū)分。
4、適當(dāng)留白
當(dāng)內(nèi)容豐富時(shí)，更需要適當(dāng)?shù)牧舭祝拍茏屧O(shè)計(jì)具有呼吸感，更加舒適。
5、提高文本與背景的對(duì)比度
很多過(guò)深或過(guò)淺的背景圖上添加文本，總會(huì)讓人閱讀有困難，可以采取加粗、添加漸變等方式來(lái)處理文本，讓字體更清晰。
6、交互按鈕需要著重突出
為了增加用戶選擇交互按鈕的可能性，應(yīng)該使用顏色對(duì)比、尺寸或標(biāo)簽，來(lái)確保該按鈕突出。
7、字號(hào)越小，行距應(yīng)該越寬
字號(hào)越小，閱讀起來(lái)障礙更明顯，增加行高留出空隙會(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.dzxscac.cn