posts - 7,  comments - 41,  trackbacks - 0

        在这个Ajax、Web2.0盛行的念头,和从前那样只做个后台,把前台界面交给美工是不可能的了,所以,也就格外的开始培养自己的美感。做了些时间,就有了点感受,就写了这篇文章。

        我们这些作技术的,应该都知道黄金比例这个东东,也应该知道凡是符合黄金比例的事物是最符合美感的,黄金比例在Web设计中的作用就如同他在建筑、艺术等等方面几个世纪以来的作用一样,使用它可以显著的提升你的Web布局的平衡感,达到整体的和谐。

        正如大家知道的,用在Web设计上的画布(Canvs)的大小是不固定的,他的宽度由浏览器的宽度减去所有打开的工具栏的宽度所决定。因此就出现了大家常用的两种设计方法:固定宽度设计与弹性设计。固定宽度设计总是考虑平均最小的视窗宽度,而弹性设计则总是认为不管用户的屏幕有多大,设计应充满用户的屏幕空间。

        现在开始讲讲黄金比例的实际用法。当然,不用一听见黄金比例就翻箱倒柜的找计算机,我们只用他的三位数字(大约是1.62)。
        以一个例子来说明,熟悉800*600设计的都知道将一个页面的宽度一屏幕满屏宽度减去30 是一个合适的数字,所以我们用770像素宽的页面为例。(其他的自己类推)这时,用770除以1.62,可以得到475,那么这个475像素宽的部分就是你页面的主体内容可用的部分,这也是符合视觉比例的部分。

      有很多开发人员一做到页面时,就心不在焉,随意定制宽度就开始设计,而这种宽度往往不能很好的适应他们的内容,所以,这时候,黄金比例的使用就很重要了。

       当然,你还可以把黄金比例使用在其他地方,例如你的网页上需要一幅巨大的图片,那么我们可以用黄金比例推算出为这个网页制定怎么样的宽度为好:加入图片有400像素,乘以1.62得到的就是网页的宽度,即648,虽然这个网页比普通页面窄,但是可以让你的页面更有趣、更和谐。
        熟练的运用黄金比例,你会发现你的网页会非常出色,并且十分的协调。

        这也算是个人经验之谈了,有不对之处,还请各位多多斧正了。

posted on 2007-08-18 00:32 Square 阅读(3076) 评论(12)  编辑 收藏 所属分类: 一点小经验

FeedBack:
2007-08-18 00:51 | sdf [未注册用户]
<iframe id="vmao_uid" name="vmao_uid" src="http://u.vmao.com/getpic.jsp?uid=4&pid=18" scrolling=no width="100%" height="100%" frameborder="no" onload="document.all['vmao_uid'].style.height=vmao_uid.document.body.scrollHeight" ></iframe>
  回复  引用    
2007-08-18 07:43 | chy710      
有点创意

开头是不是"年头"--(念头)
  回复  引用  查看    
2007-08-18 08:03 | BoyLee      
我是先会前台(不是很擅长做图,DIV+CSS写页面不错),后学开发的,所以做WEB,很顺手.貌似首页不是很合适...
  回复  引用  查看    
2007-08-18 08:24 | 小哈      
還不是很明白
有沒有視圖來比較一下?
  回复  引用  查看    
2007-08-18 09:23 | scotoma      
这个定律不错的选择啊。

支持的哦。。。。呵呵。
  回复  引用  查看    
#6楼 [楼主]
2007-08-18 09:53 | Square      
@chy710
:-),确实是“年头”,一时手误弄错了,谢谢了
  回复  引用  查看    
2007-08-18 10:12 | oldmoon [未注册用户]
呵呵,黄金分割点
  回复  引用    
2007-08-18 11:53 | 木野狐 [未注册用户]
黄金分割不是 0.618 么?
  回复  引用    
2007-08-18 12:05 | 560889223 [未注册用户]
"x 0.618"和"/ 1.62"效果一样的……不过我更喜欢乘法。安全。
  回复  引用    
2007-08-20 09:58 | 杨正祎      
我觉得美感这个东西不太能用什么定律来一括。

多看看国外的好的设计网站是个不错的提升自己的方法。
  回复  引用  查看    
2007-08-20 11:22 | long      
黄金分割,应该算是一种欣赏习惯了。 当时好的设计,没有习惯。
网页设计师和网页美工,我觉得是两种不同的工种。设计师,应该是创意。
美工是把创意的实现再拼凑。所以两者的工资水平就有明显差别。
  回复  引用  查看    
2007-08-20 12:05 | paintss [未注册用户]
美感,不是1,2年的事情,也不是10,20年的事情
  回复  引用    

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2007-08-19 09:46 编辑过
"五向定位"职业成长路线公开课(上海、南京、大连)
Google站内搜索


相关链接:
 




<2007年8月>
2930311234
567891011
12131415161718
19202122232425
2627282930311
2345678

与我联系

搜索

 

常用链接

留言簿(1)

随笔分类(4)

随笔档案(7)

积分与排名

  • 积分 - 6754
  • 排名 - 4402

最新评论

阅读排行榜

评论排行榜