首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > 网页理论 > 正文
安静的结构:控制页面的视觉"分贝"
来源:子条,设计中的战斗机 作者:子条 2007年08月01日 15:08 网友评论:0条 点击:

下面的例子将图释如何进行图/文配对,解决阅读是否舒服、眼睛是否疲劳的问题。
先看下面第一张图。在第一张图的结构中,一对单独的图/文需要你上/下不停的移动你的双眼,造成视觉上的消耗。要想浏览整组信息,还需要左/右移动你的眼睛。而上下两组信息的并排加剧了这种消耗。

相反,下面第二张图的图/文配对结构允许你的眼睛停在一个平面上。几组新闻之间也不会冲突。(另:请注意两个例子在视觉复杂程度上的不同。)

按此在新窗口浏览图片

网格和间距的排版

一些人可能认为,布置一个好的网格只需要注意栏目宽度和水平间距。创造水平方向的韵律当然很重要,但如果你想设计出一个安静的结构,垂直方向的节奏感同样重要。

在下面的例子里,网格在栏目的水平方向上是一致的。但需要注意的是,垂直方向的不同排版在结构上会产生一定程度的视觉噪音。

按此在新窗口浏览图片

在下面的例子里,水平和垂直方向的间距相同,这使得整个结构在背景里淡入淡出。因而所有呈现内容更显干净,也更容易将视觉吸引到内容上。可见它对安静的结构起到重要作用。

按此在新窗口浏览图片

首页 上一页 [1] [2] [3] 下一页 尾页
上一篇:让验证码友好一点   下一篇:让网站似个彬彬有礼的绅士
收藏此页】【打印】【关闭
 相关文章  我要点评
·澳大利亚Bugx0r几款简洁风格页面设计(二)
·michaelpst:蓝色的几张页面
·巴基斯坦Grafeco综合型WEB页面作品(二)
·巴基斯坦Grafeco综合型WEB页面作品
·瑞士Firless布局独特的页面作品
·埃及ahmedzahran几款页面设计作品
·我的网站并没有典型的着陆页面
·百度网络交易平台后台页面曝光

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】