Grid System !? 实用的网页栅格系统设计
在淘宝UED看到此文 《网页的栅格系统设计》 ,于是拿起来久久不碰的笔和纸,对自己正在进行的项目进行了计算。
以前对于网页中各个模块的长宽设计,通常都是按感觉走,但是感觉这玩意,说实话,很多时候不靠谱,也会遭到重议。由于网站通常是由不同页面,并且页面中有很多块是相同的,间距也是固定的。因此,这个网页栅格系统设计是非常好用的,并且很有理的。
于是我拿起了笔~
我设计的页面宽为 960px ,利用公式 An-i=W,设定合理的A=48 (我认为A的大小预估为可以被W整除即可。) ,网页间距为 i=10px
然后公式就变成 48n-10=w。
接下去,就可以不断的假设n=1,2,3,4,5,6,7…. 直到w=960 把 其中的w计算出来。
这个w就是网页中各个模块的宽度
我写的比较含糊可以看第一行的原文, 并且如果您有兴趣,可以大家一起交流~~。

如需转载请注明文章来源,本文链接: https://icojump.in/?p=284
他说的就是blueprint
这是我在淘宝ued看到的。。我去瞧瞧blueprint~~
重复造了个轮子,这是我的栅格系统的实现:http://www.gracecode.com/Archive/Display/2363