分享到:

驳“网页设计中的模数”

[来源:] 2010-05-09 23:31:00 编辑:liandxuejiao 点击:

近期忙着策划自己的淘宝店铺,已经忘记多久没来派代了~上来就发现 网页设计四部曲~点开设计篇一看~大吃一惊!模数概念?仔细阅读 查阅资料 豁然开朗~模数概念貌似是建筑设计的~!估计楼主转帖至此 稍加修改~成为网页设计

近期忙着策划自己的淘宝店铺,已经忘记多久没来派代了~上来就发现 网页设计四部曲~点开设计篇一看~大吃一惊!

模数概念?仔细阅读  查阅资料  豁然开朗~模数概念貌似是建筑设计的~!

估计楼主转帖至此  稍加修改~成为网页设计的新概念~?!

以前看过一篇关于设计的文章  叫做栅格化的网页布局~是讲述合理布局网页设计

网页栅格化解决的问题即是网页如何能最多的分割成为各种整数宽度的问题。以950宽度的网页设计。如果把30作为每个单独的单元格的宽度,10作为每个单元格之间的宽度。那么950恰好可以分成24个小列,每个间隔10像素。

把一条线段分割为两部分,使其中一部分与全长之比等于另一部分与这部分之比。其比值是[5^(1/2)-1]/2,取其前三位数字的近似值是0.618。由于按此比例设计的造型十分美丽,因此称为黄金分割,也称为中外比。这是一个十分有趣的数字,我们以0.618来近似,通过简单的计算就可以发现:

1/0.618=1.618
(1-0.61 8) / 0.618=0.618)

这个数值的作用不仅仅体现在诸如绘画、雕塑、音乐、建筑等艺术领域,而且在管理、工程设计等方面也有着不可忽视的作用。

如果细心一些的人会发现,黄金分割无所不在,包括拍张照片人物放在画面的黄金分割点上也是一种很好的构图方法。因此,黄金分割是一种公认最优秀的分割比例。

因此如果以一个950宽度的网页为例。最合适的分割比例其实是。

左侧:950× 0.618 = 587

右侧:950 × 0.382 =363

这种布局 叫做 栅格化布局~~我不知道多少人运用了模数的概念~但是类似淘宝 163  腾讯   各大门户网站  他们的布局都是这样的~ 运用了栅格化布局    大家可以拿他们的主页截图计算下他们分割~~

文章中说到模数要尽量取整或末位为偶数,这个偶数我觉得是为了防止在ie6下的bug而去做的~~如果奇怪数的时候 在网页布局中  浮动可能引发ie6下的bug  所以楼主看到的网站多数都是偶数!这个主要是为了兼容各大浏览器  而不是为了设计好看~!

用px做单位 是因为photoshop做出来是位图    位图是每个像素格做的单位~~!!(当然图片用px也是这个原因。。)

文中说道  鄙视小儿科的网页设计~ 我觉得 你不配!!!

分享到: