设计理论：网页版面布局的平衡性原理- 心得技巧

当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计理论：网页版面布局的平衡性原理

心得技巧: 网站性能:图片和Coockie以及移动应用的优化; 新手快速学习制作网站ICON的步骤; JavaScript和CSS的优化提高网站性能; 提高网站性能中网站服务器的改进; 什么是web设计; 需要让用户"知其所以然"; 网页设计制作科学化原则建议总结; Semantics：Html/Xhtml是否真正符合标准; 2008年网页设计十条经验总结; 跨浏览器的本地存储 Ⅰ; 无法查看网页的源文件该怎么办？; 设计能力修炼的好办法; 门户网站改版之用户体验; 你的网站适合IE8访问吗?; 网页设计师如何应聘网页设计职位; Web开发时碰到的问题以及心得经验; 怎样设计网页？怎样制作网页？; 网页可读性提高的几个方法; 网页设计心得:页面布局的简单规则; 网页设计人员应该注意的43个Web设计错误

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-01 浏览: 59 ::

收藏到网摘: n/a

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

网页版面与报纸版面设计

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

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

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

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

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

留白

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

颜色

色彩的平衡性

文字

文字排版的平衡

节奏

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

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

好啦，本期分享内容就到这里，下面提供袁大师的精彩ppt给大家下载