淘宝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就是网页中各个模块的宽度

我写的比较含糊可以看第一行的原文, 并且如果您有兴趣,可以大家一起交流~~。



无觅相关文章插件,快速提升流量