上一篇文章我們講到了“網(wǎng)格”,這次我們繼續(xù)講解剩下的幾種設(shè)計細節(jié)。
視覺矯正
在設(shè)計軟件中,所有的圖形都會有一個矩形外框,當我們進行對齊時,實際的參照是每個圖形的矩形外框,使用對齊是對齊的矩形外框,也就是我們常說的物理對齊,但是物理對齊并不能滿足視覺上的需求,所以我們還需要通過手動調(diào)整進行視覺矯正。
最經(jīng)典的例子,就是“播放”圖標,利用設(shè)計軟件對齊功能進行調(diào)整后,我們的視覺反饋上是沒有對齊的,這時就需要我們自己手動調(diào)整來達到視覺上的平衡。
角度
在設(shè)計圖標時,我們得第一反應都是不帶透視的二維圖形,因為我們的手機是一個平面,我們觀看的視角也是平視,所以圖標在設(shè)計上基本不會去考慮透視等問題,這樣設(shè)計起來會更加方便,觀看起來也會更加簡潔。
帶透視的圖標在一定程度上能夠使畫面更加豐富,但是可能會讓用戶感知到認知失調(diào)。雖然這種帶透視的圖標能夠吸引用戶關(guān)注,但是弊端更加明顯,除非某些特殊的頁面,正常設(shè)計過程中不建議使用帶透視的圖標。
比例
圖標大小通常都使用8的倍數(shù)作為基準,例如8px、16px、24px、32px等,方便在各種環(huán)境中進行適配,除了這些大小以外,在某些特定的界面中,還會使用以4作為倍數(shù)的尺寸,去實現(xiàn)多功能性
清晰
圖標的設(shè)計尺寸通常很小,所以在設(shè)計過程中要足夠簡潔,要讓用戶能夠快速理解圖標的含義,盡可能的做到對用戶友好,可以加入一些自己的想法,做一些簡單的隱喻試設(shè)計,但是不能過于復雜,讓用戶無法理解圖標的含義,那樣就屬于本末倒置了。
用最簡單的元素組合到一起就能表達出圖標代表的意思,就沒有必要再去添加更多的元素,讓其復雜化,復雜的圖形用戶可能需要花費時間才能理解所代表的含義,這樣做反而會影響用戶操作,導致用戶的反感進而失去用戶
細節(jié)
這一點和上面的圖標清晰特點的道理相同,圖標最重要的目的是用來傳遞信息,特別是尺寸比較小的圖標,最好是只保留最基本的元素,去除多余的裝飾,讓用戶能夠快速識別,同時圖標整體看起來也不會有擁擠感