金石计算机软件开发有限公司
探索网页黄金比例
更新时间:[2009-09-22]

    我们经常说美、说黄金比例、说黄金分割点...,可是理论远远大于实践。如果再往下说我们常听到的运用黄金比例最多的设计,多是工业设计、平面设计、服饰设计等等,却很少听说把它融会贯通到网页设计中。

    
    在网上看到博友推荐的《超越CSSweb设计艺术精髓》一书,比较突出的例子是现在经常被设计师提到的网页栅格设计。通过很有逻辑性的公式换算加上一定的数学分析,得到对网页设计有建设性的概念指导,从一定程度上说算是一种创新。在这本书中,就提到了网页设计中的黄金比例这个概念。

    将其运用到网页设计来说,只要记住一个数字就可以了:“1.62”,
    以950局中的页面为例:

    我们要为一个950px宽度局中页面来设计栏目,根据黄金比例原则,可以这样设计:这样的Web布局具有一定的平衡感,整个页面也比较和谐。

    黄金比例不仅在大的布局上可以使用,在小的栏目设计中也可以灵活使用。可以细化到很小的设计元素,比如一块图片信息展示区域:

    书中还提到可以根据内容反向推导出大的区域宽度,例如网页的首页上需要放一个宽度为500的banner图片,那么我们可以用黄金比例算出整个网页可以选择的合适宽度:500*1.62=810px,并不一定要是950或者800这些被很多人推崇的页面宽度。

    这些都需要我们根据具体的页面策划具体设计,前期的策划工作不可忽视。

    实际上这个1.62和黄金分割点的0.618是都是同一原理,要让我们的网页设计更完美。

收藏到网摘: 添加到百度搜藏 用google书签收藏 用“美味书签”收藏 用yahoo收藏 用新浪vivi收藏 用365key收藏 用windows live书签收藏
Google
合作伙伴