驳“网页设计中的模数”
[来源:] 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 / 0.618=0.618)
这个数值的作用不仅仅体现在诸如绘画、雕塑、音乐、建筑等艺术领域,而且在管理、工程设计等方面也有着不可忽视的作用。
如果细心一些的人会发现,黄金分割无所不在,包括拍张照片人物放在画面的黄金分割点上也是一种很好的构图方法。因此,黄金分割是一种公认最优秀的分割比例。
因此如果以一个950宽度的网页为例。最合适的分割比例其实是。
左侧:950× 0.618 = 587
右侧:950 × 0.382 =363
这种布局 叫做 栅格化布局~~我不知道多少人运用了模数的概念~但是类似淘宝 163 腾讯 各大门户网站 他们的布局都是这样的~ 运用了栅格化布局 大家可以拿他们的主页截图计算下他们分割~~
文章中说到模数要尽量取整或末位为偶数,这个偶数我觉得是为了防止在ie6下的bug而去做的~~如果奇怪数的时候 在网页布局中 浮动可能引发ie6下的bug 所以楼主看到的网站多数都是偶数!这个主要是为了兼容各大浏览器 而不是为了设计好看~!
用px做单位 是因为photoshop做出来是位图 位图是每个像素格做的单位~~!!(当然图片用px也是这个原因。。)
文中说道 鄙视小儿科的网页设计~ 我觉得 你不配!!!
-
【转】设计用户体验,能
用户体验设计师能够影响用户的感
- 在京东网购容易出现售后问
- 苹果,奸商
- 社交网络应故意设计得“不
- 白鸦:对“消费分享社区”的
- 酒仙网找茬:我也来吐槽
- 都是淘宝惹的祸?有木有?
- 电商如何提高网站的用户体
-
用户体验,我们在路
昨天老邢让我做咱们paidai的用户体验斑竹,不胜惶...
- 用户体验,我们在路上
- 改版与老用户
- 8月28日,淘宝推出Safari版本淘宝
- 推荐一个很强大的真人试穿的内衣
- 如果让你来面试电子商务网站的UE
- 如何安全收货的思考
- 最新消息 Google发布Chrome浏览
- 今天早上淘宝首页出现严重问题