震驚！天津培訓(xùn)UI設(shè)計(jì)你不得不知的12個(gè)UI設(shè)計(jì)細(xì)節(jié)，請(qǐng)看完！

其實(shí)UI設(shè)計(jì)也與我們息息相關(guān)，我們每天玩的手機(jī)上的APP界面，包括小圖標(biāo)、小按鈕等，都是用UI設(shè)計(jì)制作完成的。在UI設(shè)計(jì)中，如果想做好一個(gè)圖標(biāo)、一個(gè)按鈕，設(shè)計(jì)中的細(xì)節(jié)就十分重要了。設(shè)想一下，如果這個(gè)APP圖標(biāo)界面設(shè)計(jì)的很沒有美觀，還會(huì)有人點(diǎn)開用嗎？而且放到里邊還會(huì)影響整體的美觀，那么卸載率就非常高了。那么今天就跟隨誠筑說小編的腳步，一起來看看UI設(shè)計(jì)中你不得不知的24個(gè)UI設(shè)計(jì)細(xì)節(jié)。

一：有統(tǒng)一的圖標(biāo)設(shè)計(jì)風(fēng)格

在APP設(shè)計(jì)中圖標(biāo)設(shè)計(jì)在整個(gè)界面設(shè)計(jì)里面占得比重還是比較大的，那這里圖標(biāo)設(shè)計(jì)分為兩種，一種是應(yīng)用圖標(biāo)，另一種是界面系統(tǒng)圖標(biāo)，那么無論我們?cè)O(shè)計(jì)哪種圖標(biāo)首先要遵從圖標(biāo)的統(tǒng)一性，同一個(gè)層級(jí)應(yīng)該采用一種風(fēng)格的表現(xiàn)，這樣看起來才顯得很和諧！

二：注意圖標(biāo)視覺平衡

我們要**這個(gè)整體界面di一眼看過去是相對(duì)平衡的狀態(tài)。

三：優(yōu)化分割線

我們常說的細(xì)節(jié)決定成敗，根據(jù)界面配色的不同，我們?cè)诜指罹€色彩的選擇上面也要做出相應(yīng)的調(diào)整。通常我們會(huì)選擇淺色而否定深色，這樣界面會(huì)更加簡潔通透。深色的分割線要慎用，除非在一些特定的產(chǎn)品場景下。

四：合理的運(yùn)用投影的顏色與透明度

通過對(duì)按鈕、卡片等進(jìn)行投影運(yùn)用可以增強(qiáng)立體感與層次感。我們?cè)谥谱魍队皶r(shí)，需要根據(jù)不同背景改變投影的顏色、透明度。

五：不要過度裝飾，讓界面更簡潔

六： 圖片比例&視平線的統(tǒng)一性

**圖片比例是相對(duì)一致的，不要有大大小小，給人di一感覺別扭。

七：控制好界面中的配色數(shù)量

八：合理的進(jìn)行設(shè)計(jì)對(duì)比

通過對(duì)比可以讓信息模塊更加獨(dú)立，界面層級(jí)關(guān)系更加豐富，顏色的選擇可以是同色系中不同明度的梯度表現(xiàn)，也可以選擇不同色相的穿插搭配。

九：提高配圖的質(zhì)量

十：明確表達(dá)圖標(biāo)的含義

我們?cè)谶M(jìn)行界面設(shè)計(jì)時(shí)，圖標(biāo)是為了輔助說明文案所傳達(dá)的信息

十一：正確的表達(dá)按鈕屬性

按鈕的設(shè)計(jì)bi須要清晰準(zhǔn)確的傳達(dá)出當(dāng)前狀態(tài)，不能為了視覺效果而帶給用戶錯(cuò)誤的判斷

十二：正確處理文字排版的層級(jí)關(guān)系

在進(jìn)行文字排版的時(shí)候，正確的處理信息之間的層級(jí)關(guān)系將會(huì)提高用戶對(duì)信息的識(shí)別度。

今天的UI設(shè)計(jì)細(xì)節(jié)就到這里結(jié)束啦，還想要了解更多那就請(qǐng)關(guān)注小筑吧，接著跟朋友們分享精彩內(nèi)容。