下面的例子將圖釋如何進(jìn)行圖/文配對,解決閱讀是否舒服、眼睛是否疲勞的問題。 先看下面第一張圖。在第一張圖的結(jié)構(gòu)中,一對單獨的圖/文需要你上/下不停的移動你的雙眼,造成視覺上的消耗。要想瀏覽整組信息,還需要左/右移動你的眼睛。而上下兩組信息的并排加劇了這種消耗。
相反,下面第二張圖的圖/文配對結(jié)構(gòu)允許你的眼睛停在一個平面上。幾組新聞之間也不會沖突。(另:請注意兩個例子在視覺復(fù)雜程度上的不同。)
網(wǎng)格和間距的排版
一些人可能認(rèn)為,布置一個好的網(wǎng)格只需要注意欄目寬度和水平間距。創(chuàng)造水平方向的韻律當(dāng)然很重要,但如果你想設(shè)計出一個安靜的結(jié)構(gòu),垂直方向的節(jié)奏感同樣重要。
在下面的例子里,網(wǎng)格在欄目的水平方向上是一致的。但需要注意的是,垂直方向的不同排版在結(jié)構(gòu)上會產(chǎn)生一定程度的視覺噪音。
在下面的例子里,水平和垂直方向的間距相同,這使得整個結(jié)構(gòu)在背景里淡入淡出。因而所有呈現(xiàn)內(nèi)容更顯干凈,也更容易將視覺吸引到內(nèi)容上?梢娝鼘Π察o的結(jié)構(gòu)起到重要作用。
出處:子條,設(shè)計中的戰(zhàn)斗機(jī)
責(zé)任編輯:moby
上一頁 安靜的結(jié)構(gòu):控制頁面的視覺"分貝" [1] 下一頁 安靜的結(jié)構(gòu):控制頁面的視覺"分貝" [3]
|