有一種“奇怪的”現(xiàn)象會(huì)經(jīng)常的看到“很多設(shè)計(jì)師沒(méi)有辦法清楚的跟其他人解釋他們是如何設(shè)計(jì)的,越細(xì)致的地方可能越是如此。比如,這個(gè)菜單的寬度為什么是200px?250px或者190px是否可以?圖片的尺寸為什么是278px*196px?如何確定網(wǎng)頁(yè)的寬度?“
軟件界面的設(shè)計(jì)師除了視覺(jué)本身以外,對(duì)于設(shè)計(jì)是否可以實(shí)現(xiàn)、大概以何種方式實(shí)現(xiàn)、規(guī)范可否被理解并且復(fù)制執(zhí)行、設(shè)計(jì)實(shí)現(xiàn)的性價(jià)比與時(shí)間比等緯度都應(yīng)有相當(dāng)高度的認(rèn)識(shí)。就像建筑設(shè)計(jì)師一樣,他們一定很了解建筑材料以及如何建筑,雖然他們不會(huì)去親自砌墻。:)
希望通過(guò)此文可以交流關(guān)于柵格化和盒子比例的設(shè)計(jì)方法。
柵格化
對(duì)于網(wǎng)頁(yè)的寬度,設(shè)計(jì)師之間基本上比較容易達(dá)成共識(shí),比如:950px、960px、1000px、1190px、1200px。但是如果接下來(lái)讓 每一個(gè)設(shè)計(jì)師設(shè)計(jì)一個(gè)左右布局的版式,左邊是一個(gè)樹(shù)形菜單,右邊是主要內(nèi)容區(qū)域。那么可能會(huì)有很多結(jié)果。但是這些結(jié)果基本上是比較接近的。如果這些設(shè)計(jì)師 都服務(wù)于一個(gè)品牌下的話,這種情況并不是一個(gè)好的事情。會(huì)給人以沒(méi)有一致性的感覺(jué)。
圖1:一個(gè)產(chǎn)品站點(diǎn),同樣是980px的頁(yè)面寬度,但是菜單寬度分別為:200px和245px