UI設(shè)計(jì)師告訴你新人的九個(gè)要點(diǎn)

5、排版、留白

布局和排版要根據(jù)不同的目的而變化。為了引導(dǎo)視線，一個(gè)頁(yè)面中最想傳達(dá)的內(nèi)容要最醒目。這樣的規(guī)則要配合各個(gè)頁(yè)面得到統(tǒng)一。在這里面重要的劃分就是留白。若不確認(rèn)好目錄與正文之間及目錄本身的留白，就會(huì)變得散亂而失去了設(shè)計(jì)的一貫性?；ㄙM(fèi)時(shí)間去修改頁(yè)面的要素，可能就會(huì)耽誤整體的進(jìn)度，所以在設(shè)計(jì)的時(shí)候要好好確認(rèn)。

6、圖片

下層頁(yè)面在使用圖片的時(shí)候，應(yīng)該使用和主頁(yè)面同樣風(fēng)格的圖片，整體調(diào)整色調(diào)。事先在決定使用哪些圖片的時(shí)候，最好先確認(rèn)一下色調(diào)，這樣后面就會(huì)順利很多。并且，還要事先考慮是否適用于移動(dòng)設(shè)備上，尤其是響應(yīng)式頁(yè)面圖片的比例要保持一致，在移動(dòng)設(shè)備上是否能夠完全顯示也必須考慮到，這樣會(huì)給之后減少很多工作量。

7、ICON

ICON的設(shè)計(jì)也必須要保證統(tǒng)一。在追加新icon的時(shí)候要保證和原來的風(fēng)格統(tǒng)一。在設(shè)計(jì)每一個(gè)ICON的時(shí)候要確認(rèn)好。并且，在高分辨率的屏幕上查看，ICON的畫質(zhì)會(huì)變?cè)?，所以要制作大一點(diǎn)的尺寸，然后再轉(zhuǎn)成 web font 。這樣就可以保證在任何環(huán)境下顯示效果都會(huì)好。在這里也要事先考慮好移動(dòng)設(shè)備的情況。

8、裝飾

例如，有圓角的按鈕，圓角的大小和線條的粗細(xì)，按鈕的尺寸和使用的場(chǎng)合都應(yīng)該基本保持統(tǒng)一。無視主頁(yè)面已經(jīng)使用的元素，在下層頁(yè)面制作新的元素就會(huì)打破整體的規(guī)則。一般會(huì)要么都是圓角，要么都是直角，基本沒有混合使用的情況，所以不要讓破壞整體風(fēng)格的元素出現(xiàn)。

9、動(dòng)效

總結(jié)