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

心得技巧
网页制作心得:如何提高设计的效率
为了用户体验而牺牲用户体验?
交互设计指南:一次点击
符合用户情感设计 QQ2010个性皮肤设计过程
用户体验UE在中国的发展
用户体验设计:关于人物角色的研究方法
交互设计:交互组件创新的四种常见方式
网页布局设计:使用数学中的模数精确布局
网站设计参考:25个在设计中彰显创意的电子商务网站
网页设计中最有灵感的幻灯效果设计
互联网产品设计思想:不一样的简洁
Chrome浏览器:独具一格的UI体验
最应该尽快规范设计的元素:超级链接
视觉设计:关于像素艺术的种类和形式
设计参考:27个独具创意的网站导航设计
Webjx收集非常不错的网站排版设计图
网页设计参考:紫色风格网站设计实例
免费的15个非常出色的WEB设计工具与素材
交互设计理论:浅谈信息可视化
互联网产品设计:体会把玩猜测花样设计

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


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

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

网页版面与报纸版面设计

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

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

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

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

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

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

留白

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

颜色

色彩的平衡性

文字

文字排版的平衡

节奏

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

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

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

 /upload/tech/20091001/20091001095039_9f53d83ec0691550f7d2507d57f4f5a2.rar