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