之前一直都没有深度地研究过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."提供了不少关于创建弹性网格和布局的教程、资源、创意指导和最佳实践方式。