上一篇文章我們講到了“網(wǎng)格”，這次我們繼續(xù)講解剩下的幾種設(shè)計(jì)細(xì)節(jié)。

視覺(jué)矯正

在設(shè)計(jì)軟件中，所有的圖形都會(huì)有一個(gè)矩形外框，當(dāng)我們進(jìn)行對(duì)齊時(shí)，實(shí)際的參照是每個(gè)圖形的矩形外框，使用對(duì)齊是對(duì)齊的矩形外框，也就是我們常說(shuō)的物理對(duì)齊，但是物理對(duì)齊并不能滿足視覺(jué)上的需求，所以我們還需要通過(guò)手動(dòng)調(diào)整進(jìn)行視覺(jué)矯正。

最經(jīng)典的例子，就是“播放”圖標(biāo)，利用設(shè)計(jì)軟件對(duì)齊功能進(jìn)行調(diào)整后，我們的視覺(jué)反饋上是沒(méi)有對(duì)齊的，這時(shí)就需要我們自己手動(dòng)調(diào)整來(lái)達(dá)到視覺(jué)上的平衡。

角度

在設(shè)計(jì)圖標(biāo)時(shí)，我們得第一反應(yīng)都是不帶透視的二維圖形，因?yàn)槲覀兊氖謾C(jī)是一個(gè)平面，我們觀看的視角也是平視，所以圖標(biāo)在設(shè)計(jì)上基本不會(huì)去考慮透視等問(wèn)題，這樣設(shè)計(jì)起來(lái)會(huì)更加方便，觀看起來(lái)也會(huì)更加簡(jiǎn)潔。

帶透視的圖標(biāo)在一定程度上能夠使畫面更加豐富，但是可能會(huì)讓用戶感知到認(rèn)知失調(diào)。雖然這種帶透視的圖標(biāo)能夠吸引用戶關(guān)注，但是弊端更加明顯，除非某些特殊的頁(yè)面，正常設(shè)計(jì)過(guò)程中不建議使用帶透視的圖標(biāo)。

比例

圖標(biāo)大小通常都使用8的倍數(shù)作為基準(zhǔn)，例如8px、16px、24px、32px等，方便在各種環(huán)境中進(jìn)行適配，除了這些大小以外，在某些特定的界面中，還會(huì)使用以4作為倍數(shù)的尺寸，去實(shí)現(xiàn)多功能性

清晰

圖標(biāo)的設(shè)計(jì)尺寸通常很小，所以在設(shè)計(jì)過(guò)程中要足夠簡(jiǎn)潔，要讓用戶能夠快速理解圖標(biāo)的含義，盡可能的做到對(duì)用戶友好，可以加入一些自己的想法，做一些簡(jiǎn)單的隱喻試設(shè)計(jì)，但是不能過(guò)于復(fù)雜，讓用戶無(wú)法理解圖標(biāo)的含義，那樣就屬于本末倒置了。

用最簡(jiǎn)單的元素組合到一起就能表達(dá)出圖標(biāo)代表的意思，就沒(méi)有必要再去添加更多的元素，讓其復(fù)雜化，復(fù)雜的圖形用戶可能需要花費(fèi)時(shí)間才能理解所代表的含義，這樣做反而會(huì)影響用戶操作，導(dǎo)致用戶的反感進(jìn)而失去用戶

細(xì)節(jié)

這一點(diǎn)和上面的圖標(biāo)清晰特點(diǎn)的道理相同，圖標(biāo)最重要的目的是用來(lái)傳遞信息，特別是尺寸比較小的圖標(biāo)，最好是只保留最基本的元素，去除多余的裝飾，讓用戶能夠快速識(shí)別，同時(shí)圖標(biāo)整體看起來(lái)也不會(huì)有擁擠感