網(wǎng)易UEDC – 黑馬青年：隨著移動優(yōu)先的趨勢，APP的設(shè)計(jì)也越來越受到公司重視，不停地提高APP的設(shè)計(jì)質(zhì)量是每個設(shè)計(jì)師的追求，有哪些設(shè)計(jì)中的細(xì)節(jié)被你忽略了呢？讓我們一起來看看這些細(xì)節(jié)你都駕馭住了嗎。

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

圖標(biāo)設(shè)計(jì)在整個APP設(shè)計(jì)中是比重較大的板塊之一，圖標(biāo)設(shè)計(jì)風(fēng)格有：線性圖標(biāo)、填充圖標(biāo)、面型圖標(biāo)、扁平圖標(biāo)、手繪風(fēng)格圖標(biāo)和擬物圖標(biāo)等。無論我們選擇何種表示形式的圖標(biāo)都請連結(jié)統(tǒng)一性，相同的模塊采用一種風(fēng)格的表示形式，如果是線性圖標(biāo)就連結(jié)一致的描邊數(shù)值。

圖標(biāo)在配色上面也要連結(jié)有規(guī)律的統(tǒng)一，采用相同顏色是比較常用的配色方式。如果你采用差別色相的配色方式，要連結(jié)整體的配色協(xié)調(diào)，不要出現(xiàn)飽和度、明度反差過大的配色而影響整體的視覺協(xié)調(diào)。

2. 圖標(biāo)大小的視覺平衡

同一個界面出現(xiàn)多個圖標(biāo)時，我們需要連結(jié)整體的視覺平衡。并非是所有圖標(biāo)都采用相同的尺寸就能達(dá)到平衡，由于圖標(biāo)的體量差別，相同尺寸下差別體量的圖標(biāo)視覺平衡也不相同，例如相同尺寸的正方形會比圓形顯得大。因此，，我們需要按照圖標(biāo)的體量對其大小做出相應(yīng)的調(diào)整。

3. 優(yōu)化你的分割線

界面設(shè)計(jì)中往往細(xì)節(jié)的處理最容易被忽略，按照界面配色的差別，我們在分割線色彩的選擇上面也要做出相應(yīng)的調(diào)整。由于分割線的作用是區(qū)分上下信息層級和界面裝飾，配色的表示力要低于文字信息的力度，通常我們會選擇淺色而否定深色，這樣界面會更加簡潔通透。深色的分割線要慎用，除非在一些特定的產(chǎn)品場景下。

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

通過對按鈕、卡片等進(jìn)行投影運(yùn)用可以增強(qiáng)立體感與層次感。我們在制作投影時，需要按照差別配景改變投影的顏色、透明度。

淺色配景下投影的顏色會選擇拾色器偏左上角的位置和透明度在10%~40%（個人經(jīng)驗(yàn)）之間進(jìn)行調(diào)整。深色配景下投影的顏色會選擇拾色器偏右下角的位置和透明度在20%~40%（個人經(jīng)驗(yàn)）之間進(jìn)行調(diào)整。

投影的權(quán)重要符合頁面設(shè)計(jì)的氛圍，投影的運(yùn)用是為了增強(qiáng)元素的立體感與層次感，而不是影響整個頁面的視覺平衡。

5. 不要過度裝飾，讓界面更簡潔

設(shè)計(jì)需要準(zhǔn)確的駕馭“度”，過度的設(shè)計(jì)會干擾信息的傳達(dá)。減少不須要的設(shè)計(jì)元素，讓信息脫引而出，整個界面將會更加簡潔清爽，也不會分散用戶的注意力。

標(biāo)簽：烏魯木齊 鹽城 東營 九江 林芝