|
網(wǎng)格代碼的迷思
作為一個更多注重代碼而不是設計的人，我很迷惑地發(fā)現(xiàn)我們的設計是如何拘泥于代碼，我相信是長期的表格布局讓我們畫地為牢（圖5），聯(lián)想到最新的 CSS 布局，很容易知道這是為什么。
圖 5: k10k
表格布局很適合網(wǎng)格設計。表格的代碼本身就是重現(xiàn)一個網(wǎng)格，我們只是在單元格中填入圖片，文字，界面元素來完成我們的設計（圖6）。如果我們想實現(xiàn)復雜的非結構化設計，就需要在文檔中運用大量圖片，導致整個文檔的臃腫。
圖 6: Weightshift
表格布局有一些優(yōu)勢，然而跟城市規(guī)劃一樣，優(yōu)勢有時候也可以變成劣勢�；诒砀竦木W(wǎng)格保證它里面的所有單元格規(guī)規(guī)矩矩，要想讓所有的列擁有同樣的寬度？太簡單了，表格的天性如此。讓單元格之間保持一致的間隙？也是小菜一碟。然而，如果你不想要這種整齊劃一的結構怎么辦？很不幸，你做不到。
CSS 改變了這一切，這是我認為我們還未學會為 Web 而設計的理論依據(jù)。我們，尤其是那些從長期的表格布局轉到 CSS 的人，剛剛開始明白 CSS 的視覺模型對打破網(wǎng)格設計的陳規(guī)多么有幫助。CSS 布局完美嗎？并不，在 CSS 帶來的好處之外我們還失去了一些東西。整列擴展對 CSS 設計來說是很大的問題，單元格的間隙問題也是。
CSS 無非是邊線與盒子，網(wǎng)格中也有，然而二者的本質區(qū)別是，CSS 允許我們將一個盒子從其周圍的環(huán)境中獨立出來任意處置（圖7）。
圖 7
出處：銳商企業(yè)CMS
責任編輯：bluehearts
上一頁 突破網(wǎng)格設計的僵局 [1] 下一頁 突破網(wǎng)格設計的僵局 [3]
|
第 1 頁 
第 2 頁 突破網(wǎng)格設計的僵局 [2]
