之前一直都沒有深度地研究過960柵格系統,今天被人家拋書包了,所以延伸地閱讀相關的文章,發現要用好這個系統,不能單從表面去理解.
閱讀了藍色理想的相關文章柵格系統延續美學.裏面把柵格系統設計的應用領域一一舉例出來,不單單只是web設計方面,移動系統界面設計,也有它的身影.所以迴歸到web設計裏面,用好這一體系,會給應用設計系統帶來一種大氣感覺.
從柵格系統裏面,延伸到一個新名詞"響應式web設計"
這裏引用一篇博文,它介紹瞭如何把web設計的兼容佈局進行到極致
http://www.3lian.com/edu/2011/11-21/16085.html
有趣的是,以前設計頁面和製作的時候,都把用戶pc機的熒屏分辨率細緻地考慮,但今天發現這個完成是初級的想法,高級的人羣,連移動設備的分辨率都作了細緻的考慮.而且提出一個觀點,就是創建液體頁面.這樣就避免了爲不同的設備製作相應的頁面.大大提高工作效率,亦體現了高超的技術手段
說到創建液態頁面，最好看看Zoe Mickley Gillenwater的那本《Flexible Web Design: Creating Liquid and Elastic Layouts with CSS》，或是下載個樣章先："怎樣創建彈性圖片"。另外，Zoe的這篇"Essential Resources for Creating Liquid and Elastic Layouts."提供了不少關於創建彈性網格和佈局的教程、資源、創意指導和最佳實踐方式。