网站首页  注册会员  本站免费电影 留言板  繁體中文

 

您现在的位置: 陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文
 

   
专 题 栏 目
相 关 文 章

史上设计最美iAUDIO E2评
福娃设计师主持百度儿童
暴风影音二代皮肤设计大
Office 2007用户界面设计
国外网友设计IE8 alpha假
微软:网游几乎完全兼容
插件作品:网页图片刷新
网站设计者必备的20个Fi
Windows Vista包装设计曝
QQ空间布局设计及操作技

 
设计:网页版面布局的平衡性原理           
设计:网页版面布局的平衡性原理
作者:陈鹏 文章来源:eNet 点击数: 更新时间:2009-9-12 8:47:46
 




 

几年前网页设计还被平面设计视为不入流的设计,不过随着网络使用的普及,网页设计的整体发展有了很大的提高,越来越多的设计师专做了网页设计师!

  目前,网络上有关网页制作的各种教程已经相当多,可以方便地学习到最新的技术和技巧。可是,有关网页的设计,比如设计灵感的实现,风格的确定,发展策略,技术的筛选等文章却比较少。于是针对于此,我们这次分享会就请视觉设计师袁青林来为大家介绍一下网页设计的经验,主要就页面布局的平衡性方面,来和大家交流一下。如果您有好的建议和心得,也可以留言,互相交流探讨,在此先道一声谢谢,之后开始我们的网页设计之旅。

  网页版面与报纸版面设计

  网站设计就象传统的报刊杂志一样,我们通常都是把网页看作一张报纸,或者一本杂志来进行排版布局。但是印刷和网络是不一样的。

  传统的布局排版并不适于网络,因为传统的印刷布局,几乎想要什么样的平面效果都能很好的达到,但在网络上设计就很困难,尽管很多的效果都能通过一些Javascript或是高级的CSS技巧来实现,但结果是使用你的源代码很臃肿,网页载入很慢。

  而同样的,网络上的很多排版布局也不同传统的印刷打印,毕竞这是两个相隔时间很长的事物。但是,在最近的几年中,我们发现越来越多的报纸开始使用网页设计布局排版,比如大量的页面留白和基于网络的设计。同时,我们也可以借鉴传统报纸的排版布局来获取新鲜的网页创意设计灵感。

  

网页版面布局


  el economista (madrid, spain)

  经济学家报 马德里,西班牙

  el economista 使用一个很传统,含蓄,独特的报纸版面和公告,在印刷上面突出比较重要的文章。 图片信息支持的内容和标题,四周都是大量的空白,我们可以看到这个版面设计很有网页的风格。

  下面我们通过几个简单的例子,从四个方面来看版面布局的平衡性,分别是留白、颜色、文字和节奏

  
网页版面布局


  留白

  
网页版面布局


  这是某房产广告设计,可以看到很好的运用了留白

  颜色

  
网页版面布局


  色彩的平衡性

  文字

  
网页版面布局


  文字排版的平衡

  节奏

  节奏表现手段从支配行为上可以概括为速度(快、慢),力量(轻、重),从排版上可归纳为集中与分散。节奏表现手段的运用所唤起的直接效果可以大致概括 为紧张、松弛、宁静、躁动。

  如果在绘画实践中对一根线条或是一笔颜色在速度上的使用造成快慢差异,其画面结果可以直接导致视觉及心理上的紧张与松弛感。同 理,在网站设计中,针对点、线、面等元素,以集中或分散的排列差异变化将导致视觉及心理上的宁静与躁动。

  
请添加描述

文章录入:陈鹏    责任编辑:陈鹏 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
     
     
     
     

    Copyright © 2007 - 2009 chenpeng123.com All Rights Reserved
    本站所有文章,软件等均来自网络收集,不代表本站观点,仅供学习和研究使用。如有侵犯您的版权,请联系我们,本站将立即删除。
    鲁ICP备07014697号
    你是本站第 位访客