注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

yazush的博客

亚洲语家庭

 
 
 

日志

 
 
关于我

亚洲语上海改发办主任郭兴尧 www.yazu999.com亚语久久网 yazush.56.com世亚语远程义校电子部视频教材供城乡文化站组织学习俱乐部.直接联系

网易考拉推荐

网页版面设计的原理  

2008-12-14 13:39:13|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

加入收藏
网站地图
网站搜索
首页 一、网站策划与概况 二、创意设计基础 三、dreamweaver 四、Fireworks 五、Flash 六、网页特效及技巧 实例及学员交流
  网站美工与网页设计首页二、创意设计基础设计美学
阅读新闻

网页版面设计的原理

[日期:2006-03-05] 来源:  作者:祁建松 [字体: ]

一、平衡

  

平衡简单说就是重量的平均分配,至构成图像的各组成部分在视觉力量上保持一种均衡稳定的状态。

 

网页版面设计的原理 - yazush - yazush的博客

 

理解平衡需要研究的几个相关的视觉因素:重量、位置、布局。

 

当我们在页面上作一个标记,这个标记在视觉上就有了重量。标记的大小、颜色、形状、背景都对视觉重量有影响。例如页面中心是很强有力的,拥有很大的视觉重量。

 

1、  绝对平衡:构成图像的各部分在上下或左右的方向上完全相同的一种对称式平衡,分为:平移、回转、镜像、扩散对称构成。

 

网页版面设计的原理 - yazush - yazush的博客

 

2、  相对平衡:指构成画面各部分的形象不同,以其大小、位置、明暗、色彩等方面的因素所构成的一种视觉力量的平衡,分为:位置、大小、色相的平衡。

 

网页版面设计的原理 - yazush - yazush的博客

 

        就平面设计设计而言,明晰合理的理性编排即注重对角线、垂直、水平等的构图安排,以及版面的对称与平衡,能使读者阅读起来心平气静,给人明确、清新的阅读感受,可以提高阅读兴趣。

网页版面设计的原理 - yazush - yazush的博客

    一位学者说过:“美的实质是一种平静的感觉,当视觉、理智和感情的各种欲望都得到满足时,心灵就能感受到这种平静。”

 

二、焦点和主次

 

人们浏览一个网页的时候,首先会看到的地方称为焦点,这是设计网页时最注重的一部分。设计人员通常有一个主要信息要传达,同时还有一些辅助信息。设计东西的时候,如果强调一切元素,就什么都强调不了,最后造成视觉的混乱。如何让一个物体形成一个焦点?

 

网页版面设计的原理 - yazush - yazush的博客

 

1、  做成最亮

2、  颜色与其他不同,或者不透明,其他透明,或者彩色,其他物体黑白

3、  方向不同

4、  位置上的区别

5、  加底纹,或与其他元素底纹不同

6、  安排其他元素都指向这个元素

7、  形状与其他元素不同

8、  将其隔离开来

9、  清晰,其他模糊

10、颠倒

11、有光泽,其他发暗

 

网页版面设计的原理 - yazush - yazush的博客

 

网页版面设计的原理 - yazush - yazush的博客

 < xmlnamespace prefix ="o" />

    设计人员要注意网页产生的一种视觉主次关系,要确定的元素的重要性。我们要弄清楚,浏览者首先看到的是哪,其次、最后看的又是哪?

 

网页版面设计的原理 - yazush - yazush的博客

 

    对页面上的几个元素加以强调,使其在显示中比其他元素有更大的优先权。要建立一个主次关系,利用大小、位置、颜色、调值等元素使浏览者根据重要性来看这些元素。产生一个信息流,从最重要的开始,一直到最不重要的。

 

网页版面设计的原理 - yazush - yazush的博客

 

三、韵律的设计

  韵律与旋律、和声在一起成为音乐上的三大要素。不止是音乐的节拍才能叫做“韵律”,在平面设计种也有韵律。在设计中把韵律当作一种节奏,是有视觉而不是声音组成的,韵律是用重复活着变动的元素来生成的形,需要考虑空间的因素,给人一个元素向另外一个元素运动的感觉。网页设计中,韵律的实现是通过图案的点和线条的排列来体现。

网页版面设计的原理 - yazush - yazush的博客


  如果均匀地在一个页面画一些垂直线,就会产生稳定的的重复韵律,因为这些线之间的空间是相同的,我们的眼睛从一个元素移到另一个元素的时间是均匀的。如果线间的距离不均匀,就会得到不同形式的韵律,会形成一种变化或者有动感的韵律。

 

 

网页版面设计的原理 - yazush - yazush的博客


  在设计中要产生韵律的关键是理解重复和变化的不同。通过运用韵律的技巧可以使网页显得活泼、生动、运动、有生命。韵律节奏设计能够渲染某种情调,增加版面的感染力,并使人沿着版面节奏变化的趋势展开遐想的空间。在网页设计中,韵律的实现是通过图案的点和线条的排列来体现的。

 

网页版面设计的原理 - yazush - yazush的博客

 

四、统一和变化

 

              统一不是让许多形态元素单一化、简单化,而是使它们的多种变化因素具有条理性和规律性。网页是一个文字、图形等多种元素的统一体,在设计网页的时候,统一是我们设计网页时网页时组织版面的目标之一。统一可以让浏览者看到一个整体的页面,而不是几个互相不关联的独立的部分。统一对加深记忆程度、整体效果和清晰传达都有影响,也反应了将设计捏合成一个整体的程度。

 

网页版面设计的原理 - yazush - yazush的博客

   

 

  变化是统一的对立面,是指由性质相异的形态元素并置在一起形成的对比感觉。这种变化也是以一定的规律为基础,无规律的变化则会带来混乱和无序。在网页和平面的构图中,我们一定要注意在统一中找变化,在变化中求得统一。

 

网页版面设计的原理 - yazush - yazush的博客

 

网页版面设计的原理 - yazush - yazush的博客

五、呼应、分格、对齐、流动

呼应

    重复一个元素(如颜色、线条、图形、底纹),获生成一种风格,会在元素之间产生视觉的联系。连续是对设计元素的一种处理,使其生成形式上的类似。

网页版面设计的原理 - yazush - yazush的博客

分格

    将整个界面细分为固定的水平和垂直的区域,产生一个框架,用于组织设计中的空间、文字和画面,是分格,分格使设计的页面有一种统一的样子。

网页版面设计的原理 - yazush - yazush的博客

对齐

    当元素的边或者轴相互对齐时,他们之间也会产生视觉的联系,眼睛很容易发现他们之间的这种关系,从而使其在版面上得到联系。

网页版面设计的原理 - yazush - yazush的博客

流动

    安排元素应该能够将浏览者的视线从设计的一个元素引到另一个元素。

网页版面设计的原理 - yazush - yazush的博客

网页版面设计的原理 - yazush - yazush的博客



阅读:3253
录入:admin

评论 】 【 推荐 】 【 打印
上一篇:网页设计中的审美需求
下一篇:
相关新闻
 
   

网页设计三剑客课程     授课教师:祁建松   课时:36   Email:q.js@sina.com

DvNews 4.0



引文来源  网页版面设计的原理
  评论这张
 
阅读(114)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017