资讯
欣赏
资源
服务
返回首页
版面排版的五个技巧
作者:佚名  来源:333cn.com  :

 
三、网页:将众多的信息形成视觉层次感是最大的关键

  Men.style.com 的网页中包含了众多的信息,下图共有 9 张图片,还有很多大小标题,所形成的区域数量也非常多――有重点的封面报道,有一些是比较次要的新闻,还有其它的搜索功能等等。但你在看这个网页的时候,却并不会让你的眼睛无所适从眼花缭乱,相反,整个版面安排得非常漂亮及吸引人。为什么有这种效果?关键是他们在排版上强调了层次感。整个版面大元素与小元素之间,通过浅色及暗色及组织形成了协调的对比。

   一眼望去,电影明星盖伦霍尔( Gyllenhaal )是这个版面当之无愧的视觉焦点。他为什么有这种力量: 1 、他是这个网页中最大的一个元素; 2 、他的身体轮廓与那些矩形的直线边框形成了对比; 3 、他超出了区域一部分; 4 、以黑色为主的肖像与周围白色区域形成了对比。 5 、在这么多图片中,他的面孔是大家最熟悉的,而且,他还直视着你。从下面的示意图你或许看到更清楚:

  A 是最主要的区域。( 1 )该版面被分成三个主要区域;( 2 )而每一个区域又再细分为各个小区域;( 3 )这些小区域里面还有更小的区域。而 A 区域给人颜色厚重的感觉,使它轻易地与其它两个区域分开。而 A 中的小区域之间的对比则较为低调,并没有象大区域的对比那样强烈。这样的划分,使到网页可以包含很多的信息。特别注意其中标题的样式,在不同区域中一些主要标题的字体及样式都是一样的,使到整个版面在视觉上形成一个整体。
上一页  1 2 [3] 4 5  下一页
继续阅读:
[让好设计发声 请将设计讯息稿件发至Email:news@333cn.com]  编辑:shx
推荐
对于设计师,坚持...
The Information ...
LOGO设计中的眼球...
极大便利性,Stud...
花边
趣味横生的安全套...
《终结者4》精致...
火光迸射!另类性...
Michel Tcherevko...
源于性感的诱惑
心痒痒 性感广告...
排行
专题
  • 平面设计

  • 工业设计

  • CG插画

  • UI交互

  • 室内设计

  • 建筑环境

设计服务友情链接网站地图广告服务合作伙伴关于我们版权申明
中国设计之窗 © 版权所有 粤ICP备09030610号 
Tel:0755-21041837 客服:serve@333cn.com 资讯提交:news@333cn.com