网页设计中的数学
好的设计没有周详的计划是不可能实现的,而数学在这个计划中有着举足轻重的作用。
有人可能会说我早就知道了,比如算什么margin或是padding的,算高度什么的,这个应该就是你所说的在设计中运用的数学吧?其实不然。应该说我的数学有更高一层的意义(脸皮比较厚)。
我觉得我在这里和大家讲几千个字,还不如给大家一个真实的例子。让大家看看我在做设计前的一些“准备工作”。
最近我正在设计一个教会网站,我一边设计一边把一些截图发到方格本上获取一同行们的意见和反馈,但是大家并没有看到这些设计背后蕴藏的”玄机”。
这篇文章并不是教大家怎样做设计,而是教大家通过一些“工具”把你的设计变的更合理,更平衡;同时也要记住,规则是死的,人是活的,怎样遵守规则的同时破坏规则是决定你是否能成功的关键。
废话不多说了,现在进入正题!
在你设计任何一个网页之前有一些东西你是应该尽快做出决定的。其中最主要一个东西应该是页面的宽度,我个人是比较喜欢960px作为宽度,即使用户使用的是1024*768的分辨率,网页也不会出现横向移动 - 当然你可以使用任何宽度。
第一步已经完成了,我们进入第二步。
接下来我们要把这个960px的宽度纵向划分为12或者16个区域,请看下方图示。今天我会选择12纵向区域,所以每一个纵向区域应该是60px宽,而且每一个纵向区域的左边和右边都有一个10px的空间,用数学的语言来表达就是: 12*60+24*10=960px, 总和等于我们的页面宽度-960px。 继续阅读 »