网页教学网
 当前位置: 网页教学网 >> 网页制作 >> 网页制作技巧 >> 从“九宫格”谈设计视觉中心及构图实例
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

从“九宫格”谈设计视觉中心及构图实例

http://www.webjx.com  更新日期:2007-09-14 11:23  出处:蓝色理想  作者:Quester

  设计的“视觉中心”这个问题比较复杂。现代设计中,“多媒体”的概念拓展了我们的思路,在很多手段上丰富了我们的设计行为。所以,关系到这个问题,只能先限制在传统的平面构成和色彩构成上来做简单分析。

  ①在传统的平面构成当中,对视觉中心最保守的办法是“九宫格”法,这个在东西方的理论中都有论述,包括现在相机的智能取景对焦功能也是参照此不变法则:

  画面上的九宫格

  从“九宫格”谈设计视觉中心及构图实例

  画面重心,以及九宫交汇的4个临近点,是安排视觉中心元素的理想位置。(万法总是由平稳走向跳跃,较极端的偏离中心方法以后再讨论)

  ②其次,西方较推崇的,也是自然界所暗自遵循的:黄金分割,1.618,这个太有名,不细讨论。

  ③现代设计中比较有时代感的中心分割,通常是采用“根号2”即1.414的比例,而不是黄金比。这样的方式给人更多感觉到工业性和人为的痕迹,比自然黄金比更有“人文科技感”

  以上的方式,都是在谈视觉中心的摆放位置,还没有涉及到设计元素间的关系和影响,只是一个起步而已。

  实例分析

  接下来是实例分析部分,找了一些广告,比较有说服力。不会让人感觉到理论枯燥。

  观看说明:白色的是九宫格线,靠近中心的是黄金分割线,外侧的是“根号二”线。

  Discovery 健康频道的页面,主要线条在九宫格内。

  从“九宫格”谈设计视觉中心及构图实例

  MS Office XP 宣传片头一,强调XP(经验),所以用了个沧桑的底图。布局很规矩

  从“九宫格”谈设计视觉中心及构图实例

  一个MTV的画面,分割很精确哦!视觉中心在九宫格左上点。柱子将画面1/2分

  从“九宫格”谈设计视觉中心及构图实例

  一个牛奶广告,讲给人带来的营养等,注意眼镜的位置

  从“九宫格”谈设计视觉中心及构图实例

  化妆品广告,干净稳重,字的位置请注意。

  从“九宫格”谈设计视觉中心及构图实例

  还是windows XP 宣传片头,另一个风格,比较爽快,同样严谨

  从“九宫格”谈设计视觉中心及构图实例

  mazida 车的节目演示板,看看各元素的关系

  从“九宫格”谈设计视觉中心及构图实例

  这个图的结构比较隐蔽,但也很规矩

  从“九宫格”谈设计视觉中心及构图实例

  这个广告说的是一个瓢虫爬上去吹蜡烛……真还吹熄了!蜡烛侧线吻合

  从“九宫格”谈设计视觉中心及构图实例

  化妆品广告,分割精确得没话说

  从“九宫格”谈设计视觉中心及构图实例

关键词:设计理论
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
站内搜索
相关文章
推荐文章