黄金比例与Web页面设计

时间:2010-02-24 15:01:24  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:例这个东东,也应该知道凡是符合黄金比例的事物是最符合美感的,黄金比例在Web设计中的作用就如同他在建筑、艺术等等方面几个世纪以来的作用一样,使用它可以显著的提升你的Web布局的平衡感,达到整体的和谐。       正如大家知道的,用在Web设计上的画布(Canvs)的大小是不固定的,他的宽度由浏览器的宽度减去所有打开的工具栏的宽度所决定。因此就出现...
  正文: 在这个Ajax、Web2.0盛行的念头,和从前那样只做个后台,把前台界面交给美工是不可能的了,所以,也就格外的开始培养自己的美感。做了些时间,就有了点感受,就写了这篇文章。
  
   我们这些作技术的,应该都知道黄金比例这个东东,也应该知道凡是符合黄金比例的事物是最符合美感的,黄金比例在Web设计中的作用就如同他在建筑、艺术等等方面几个世纪以来的作用一样,使用它可以显著的提升你的Web布局的平衡感,达到整体的和谐。
  
   正如大家知道的,用在Web设计上的画布(Canvs)的大小是不固定的,他的宽度由浏览器的宽度减去所有打开的工具栏的宽度所决定。因此就出现了大家常用的两种设计方法:固定宽度设计与弹性设计。固定宽度设计总是考虑平均最小的视窗宽度,而弹性设计则总是认为不管用户的屏幕有多大,设计应充满用户的屏幕空间。
  
   现在开始讲讲黄金比例的实际用法。当然,不用一听见黄金比例就翻箱倒柜的找计算机,我们只用他的三位数字(大约是1.62)。
   以一个例子来说明,熟悉800*600设计的都知道将一个页面的宽度一屏幕满屏宽度减去30 是一个合适的数字,所以我们用770像素宽的页面为例。(其他的自己类推)这时,用770除以1.62,可以得到475,那么这个475像素宽的部分就是你页面的主体内容可用的部分,这也是符合视觉比例的部分。
  
   有很多开发人员一做到页面时,就心不在焉,随意定制宽度就开始设计,而这种宽度往往不能很好的适应他们的内容,所以,这时候,黄金比例的使用就很重要了。
  
   当然,你还可以把黄金比例使用在其他地方,例如你的网页上需要一幅巨大的图片,那么我们可以用黄金比例推算出为这个网页制定怎么样的宽度为好:加入图片有400像素,乘以1.62得到的就是网页的宽度,即648,虽然这个网页比普通页面窄,但是可以让你的页面更有趣、更和谐。
   熟练的运用黄金比例,你会发现你的网页会非常出色,并且十分的协调。
  
   这也算是个人经验之谈了,有不对之处,还请各位多多斧正了。

黄金比例与Web页面设计》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/aspnet/12885.html


关键字:

关于《黄金比例与Web页面设计》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td