簡(jiǎn)單易用!快速改善用戶界面的10個(gè)技巧
創(chuàng)建美觀、好用和高效的UI需要花費(fèi)時(shí)間,并且需要不斷的調(diào)整修正,才能產(chǎn)生讓用戶和自己真正滿意的設(shè)計(jì)。在本文中,總結(jié)了一些簡(jiǎn)單易用的設(shè)計(jì)小技巧,通過進(jìn)行一些簡(jiǎn)單的視覺調(diào)整,可以快速改善你要?jiǎng)?chuàng)建的視覺效果。
1. 減輕文本的字重
當(dāng)涉及到長篇內(nèi)容時(shí),某些常規(guī)的粗體字看起來會(huì)有些沉重和生硬,可以通過選擇深灰色(Dark Gray),比如#4F4F4F 來解決這個(gè)問題,讓文本看起來更美觀一些。
2. 字號(hào)越小,行高越高
當(dāng)你的字號(hào)減小時(shí),增加行高可以達(dá)到更好的、全面的易讀性;當(dāng)字號(hào)增加時(shí),只需降低行高也可以達(dá)到同樣的效果。
3. 選擇基色,使用色調(diào)和陰影來增加一致性
你不必總是用多種顏色來填充你的設(shè)計(jì),如果項(xiàng)目允許,則只需使用一個(gè)固定的調(diào)色板,通過選擇一個(gè)基礎(chǔ)色,然后使用色調(diào)和陰影,就可以用最簡(jiǎn)單的方式增加設(shè)計(jì)的一致性。
4. 突出最重要的元素
通過使用字號(hào)、粗細(xì)和顏色的組合,你可以輕松的在UI中突出最重要的元素,通過簡(jiǎn)單的調(diào)整即可使用戶體驗(yàn)更好。
5. 為了保持一致性,確保圖標(biāo)具有相同的視覺樣式
在UI中設(shè)計(jì)圖標(biāo)時(shí),要確保它們具有相同的視覺風(fēng)格,相同的字重,填充或描邊,不要混搭。
6. 始終將CTA(行動(dòng)召喚)按鈕放在屏幕中最突出的位置
通過使用顏色對(duì)比、大小和標(biāo)簽,確保“行動(dòng)召喚”盡可能突出。如果可以的話,不要總是只依賴圖標(biāo),也可以使用文本標(biāo)簽,讓用戶能夠更好地理解。
7. 為表單錯(cuò)誤添加額外的視覺幫助
當(dāng)用戶填寫任何類型的表單時(shí),在用戶剛剛執(zhí)行的操作附近添加錯(cuò)誤消息是一種簡(jiǎn)單且非常有用的額外視覺幫助。
8. 突出顯示菜單中最常用的操作
當(dāng)設(shè)計(jì)一個(gè)在應(yīng)用程序內(nèi)部使用的菜單時(shí),在屏幕最明顯的位置,要確保給出最常用的操作(例如:上傳圖片,添加文件等)。
9. 限制使用居中文字
盡量只在標(biāo)題和小段文字中使用居中文字。對(duì)于所有其它的文本內(nèi)容,都要保持左對(duì)齊。
10. 巧妙地使用留白
適度地使用留白,即使是少量的留白,也能讓你的設(shè)計(jì)更加亮麗。這是改進(jìn)設(shè)計(jì)最快速、最簡(jiǎn)單的方法之一。
以上是關(guān)于快速改善用戶界面的10個(gè)小技巧,希望在你認(rèn)真做設(shè)計(jì)的時(shí)候可以給你帶來靈感,如果你也收藏了很多小技巧,歡迎在下方留言,我們一起學(xué)習(xí)!