三. 平衡原則
平衡原則是界面排版布局的首要原則,大到整個(gè)官網(wǎng),小到一張圖文,都需要我們對頁面的視覺平衡有很好的節(jié)奏控制。
△ Fancy為了避免左側(cè)視覺重點(diǎn)過多導(dǎo)致畫面不平衡,設(shè)計(jì)師將分享按鈕放置于頁面右側(cè)達(dá)到左右平衡
△ Pinterest為了保持平衡,將用戶頭像放置左邊作為視覺焦點(diǎn),右側(cè)放置入口按鈕,起到互相平衡的作用
△ Ebay為了避免信息過多導(dǎo)致沒有視覺重點(diǎn),設(shè)計(jì)師在設(shè)計(jì)列表時(shí),采用加大右側(cè)信息間距以及顏色、字重來保持平衡。
△ 嚴(yán)選在設(shè)計(jì)時(shí)為了保持平衡,在標(biāo)題上方兩側(cè)加上線條,讓頁面感覺更舒適。
四. 相似原則
△ Fancy頁面中所有與點(diǎn)擊相關(guān)的控件,比如,氣泡、按鈕還有鏈接都采用品牌藍(lán)色作為行動點(diǎn)。
△ Airbnb頁面中,只要是可以點(diǎn)擊的都是綠色文字。
△ Ebay的頁面中,所有能操作的頁面、按鈕、圖標(biāo)、行動點(diǎn),全部采用藍(lán)色做為行動點(diǎn)。
△ Facebook的頁面中,能點(diǎn)擊的圖標(biāo)、文字按鈕都是灰藍(lán)色來協(xié)調(diào)統(tǒng)一。