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

心得技巧
jQuery对象中的类数组操作
制作整洁漂亮网页的4个原则
想偷懒的网页设计师应该准备的规范化和模版化
网站线框图工具
屏幕分辨率与网页布局和用户体验的关系
良好的用户界面所必须的八个特性
白色作为背景色,简约漂亮的网站
前端开发人员和产品设计师之间的沟通
设计研究:图形符号帮助改善用户体验
牛皮癣字条的ued思想
贴近用户心理模型的设计
设计理论:网页版面布局的平衡性原理
UED体验:网页中胡乱标红
《用户体验要素》读书笔记
设计理论:视觉设计是美化产品
Webjx收集国外25个非常棒的Flash网上商店
网站作品:三步法提高网站可用性实例
网站插话角色:网站中有趣的友善的感觉
出色的网站联系表单页面设计
Photoshop四维立体特效40个教程

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 47 ::
收藏到网摘: n/a

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

网页版面与报纸版面设计

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

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

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

el economista (madrid, spain)
经济学家报 马德里,西班牙

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

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

留白

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

颜色

色彩的平衡性

文字

文字排版的平衡

节奏

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

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

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

 /upload/tech/20091001/20091001095039_9f53d83ec0691550f7d2507d57f4f5a2.rar