UI界面設(shè)計(jì)雖然沒有海報(bào)那么多花哨的設(shè)計(jì)技巧，但是依然有很多微小的設(shè)計(jì)細(xì)節(jié)要注意，首先在交互設(shè)計(jì)方面滿足用戶的使用要求，其次就要在UI界面上提升界面的品質(zhì)感。今天我們主要分享10個(gè)提升UI界面的設(shè)計(jì)細(xì)節(jié)技巧，這些技巧可以毫不費(fèi)力地幫助您改進(jìn)現(xiàn)在的設(shè)計(jì)，同時(shí)也為你能夠快速入門提供了一些實(shí)用技巧。
1.保持元素清晰
在設(shè)計(jì)過程中可以稍微使用一些恰當(dāng)合適的陰影，來保證當(dāng)前設(shè)計(jì)與背景能夠清晰可見，但是一定要避免復(fù)雜的陰影，這會(huì)起到反作用。
2.使用一種字體
在設(shè)計(jì)一套新的UI界面時(shí)候，最好能保持一種字體，這樣能夠讓界面更加輕量化的同時(shí)，也能保持和好的品質(zhì)感。
盡量避免使用2種以上的字體，你可以通過粗細(xì)、大小、或者顏色來區(qū)分層級(jí)！
3.長(zhǎng)文內(nèi)容，使用20pt的字號(hào)
對(duì)于長(zhǎng)篇內(nèi)容（例如博客文章，說明類），請(qǐng)嘗試在文內(nèi)中選擇20pt字號(hào)（甚至更大）。
當(dāng)然，這取決于所選擇的字體，但是大多數(shù)常用的字體在20pt時(shí)效果都很好，同時(shí)當(dāng)面對(duì)大量文字時(shí)候，這樣可為用戶帶來更好的閱讀體驗(yàn)。以前使用的18pt字號(hào)體驗(yàn)非常不好。
備注：我們?nèi)粘Ｊ褂瞄喿x類APP字號(hào)都會(huì)偏大一些，就是這個(gè)原理。
4.優(yōu)化導(dǎo)頁操作細(xì)節(jié)
放置底部可以使用戶隨時(shí)跳過您的Mobile App Onboarding登錄，如果是放置頂部，用戶觸摸相對(duì)來說比較麻煩。
拇指操作仍然在2020年的一個(gè)比較合適位置。
備注：之所以我們看到很多惡心跳過放在右上角而且還那么小，一般廣告都是這樣的，比如 某音開屏的設(shè)計(jì)。不過也能理解，畢竟廣告能賺錢
5.保持一致的光源
確保您的陰影始終僅來自一個(gè)光源。如下圖所示，右側(cè)日歷投影就存在光源不一致，一些剛開始學(xué)設(shè)計(jì)的小伙伴可能就會(huì)忽略這種細(xì)節(jié)問題！因此一定要注意。
6.通過疊加改善對(duì)比度
有時(shí)候我們?cè)谑褂脠D片作為背景承載前面文字信息時(shí)候，圖片背景過亮了，因此我們可以稍微疊加一些品牌色漸變暗色來提高文字閱讀性！
7.適度使用居中排版
可以嘗試在少量一些卡片排版中使用居中對(duì)齊排版，對(duì)于其他的設(shè)計(jì)，盡量使用左對(duì)齊排版方式！
8.合理的間距系統(tǒng)
在設(shè)計(jì)排版過程中，確保元素排版有呼吸空間，盡量避免文字多的地方，間距很小，可以用留白來區(qū)分層級(jí)，切勿亂使用空白。
9.注意對(duì)比度
在淺色背景下設(shè)計(jì)時(shí)候，避免使用過淺的文本淺。這樣會(huì)導(dǎo)致閱讀比較累，但是依然還有不少伙伴這樣來做，因此我推薦給大家一個(gè)數(shù)字，比如正文本是#333333，那么第二級(jí)文本可以用#888888.
10.減少顏色數(shù)量
在界面設(shè)計(jì)中，為了能讓界面看起來比較清晰，品牌調(diào)性突出，盡量使用品牌色配合黑白灰來設(shè)計(jì)界面層級(jí)。如下圖一個(gè)韓國的app設(shè)計(jì)。
總結(jié)
作者向我們介紹10種提高UI界面設(shè)計(jì)細(xì)節(jié)的一些方法和思路，大家在設(shè)計(jì)過程中，可以避免這些坑，可以很好的將其方法利用起來，改善自己的界面設(shè)計(jì)。
