您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> DIV+CSS专栏 >> 文章正文
[组图]网站制作中的版式原理和比例           ★★★
网站制作中的版式原理和比例
作者:新教程网  文章来源:新教程网  点击数:  更新时间:2008-6-12 17:19:10 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:
  美的形式原理存在于艺术各个门类,网站制作也不例外,好的网站制作必须遵守这些设计原理,将美融汇于网站制作中,网站制作中的页面原理的讲解虽然分十二节进行,但是你应当清醒地认识到:这些网页制作中的页面原理之所以分开来讲解,只是为了给深入研究每一课题提供方便,实质上,它们之间是相辅相成的、密不可分的,通常情况下,这些网页设计原理是既对立又统一地共存于一个网页中的。

第一节 网站制作中的比例

   美的比例是网页设计成功的基础,好页面的首部、菜单、页面和底部的合理安排和选择,首先取决于良好的比例!

   自古以来,公认为最美的比例是黄金比(黄金分割)--1:1.618.取AB线段的二分之一作垂线与点B得BO,取O为圆心,BO为半径作圆与AO交于点C,AB为长边,AC为短边,它们的比例既为黄金比(如下图左).

javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">
javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">


   还有一种美的比例标准产生于德国,我们称之为德国标准比例.既以正方形的对角线为长边,正方形的一边为短边,作圆弧得到的长方形(如上图右)是德国标准比例.其大方、朴素、公正,用之于网页设计,可使人感觉稳重、可靠,确实是一种美的比例标准。

   良好比例的运用,是网站制作中艺术修养与审美情趣综合、灵活应用的结果,切生搬硬套.

版式原理--中心篇

   由于人的生理特征所决定,在一个版面中,人们感觉到的中心比实际的几何中心要略高一点,我们称它为视觉中心,这就是为什么在一个版面设计中,主要的文字和图形经常放在中间偏上一点位置的原因,应当认识到,在版面中这个区域较之下部或边缘地区是最爱人重视的区域

   但是,这并非所有的设计都要千篇一律将版面中心放在视觉中心的位置,反之,聪明的设计师往往用种种办法,将版面中心偏离视觉中心,以取得新颖醒目的效果,他们或采用大面积空白,或通过版面运动导线的走向,色彩纯度、明度的对比进行强调、烘托,从而突出版面中心。

   画家潘天寿作画时便是这样做的,他一反传统绘画中将主体放置画面中间的惯例,以一块用线勾勒的空白大石头充满画幅,将画面的主体——老鹰或花草放在画面边缘。这种大胆破格的精神值得我们借鉴。
 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    网页制作:CSS布局如何进行
    网页设计中排版与布局的重要性
    简单心得:网站广告布局经验
    改变思维 扔掉Table使用XHTML+CSS的布局
    WEB2.0标准教程:WEB标准是什么?
    WEB2.0标准教程:应用WEB标准建设网站有什么
    WEB2.0标准教程:第五天 head区的其他设置
    WEB2.0标准教程:第四天 调用样式表
    WEB2.0标准教程:第三天 定义语言编码
    WEB2.0标准教程:第二天 什么是名字空间
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门