红动中国-Redocn » 平面理论 » 从“九宫格”谈设计视觉中心及构图实例(转)

欣雨 发表于 2007-11-10 08:44

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

[size=3][font=Verdana]设计的“视觉中心”[/font]这个问题比较复杂。现代设计中，“多媒体”的概念拓展了我们的思路，在很多手段上丰富了我们的设计行为。所以，关系到这个问题，只能先限制在传统的平面构成和色彩构成上来做简单分析。[/size][size=3]　　①在传统的平面构成当中，对视觉中心最保守的办法是“九宫格”法，这个在东西方的理论中都有论述，包括现在相机的智能取景对焦功能也是参照此不变法则：[/size]
[size=3][/size]
[size=3][attach]634587[/attach][/size]
[size=3][/size]
[size=3][/size]
[size=3][/size]
[size=3]画面重心，以及九宫交汇的4个临近点，是安排视觉中心元素的理想位置。(万法总是由平稳走向跳跃，较极端的偏离中心方法以后再讨论)[/size]
[size=3]　　②其次，西方较推崇的，也是自然界所暗自遵循的：黄金分割，1.618，这个太有名，不细讨论。[/size]
[size=3]　　③现代设计中比较有时代感的中心分割，通常是采用“根号2”即1.414的比例，而不是黄金比。这样的方式给人更多感觉到工业性和人为的痕迹，比自然黄金比更有“人文科技感”[/size]
[size=3]　　以上的方式，都是在谈视觉中心的摆放位置，还没有涉及到设计元素间的关系和影响，只是一个起步而已。

　　[b]实例分析[/b][/size]
[size=3]　　接下来是实例分析部分，找了一些广告，比较有说服力。不会让人感觉到理论枯燥。[/size]
[size=3]　　观看说明：白色的是九宫格线，靠近中心的是黄金分割线，外侧的是“根号二”线。[/size]
[size=3]　　Discovery 健康频道的页面，主要线条在九宫格内。[/size]
[size=3][/size]
[size=3][attach]634588[/attach][/size]
[size=3][/size]
[size=3][color=darkred]MS Office XP 宣传片头一，强调XP(经验)，所以用了个沧桑的底图。布局很规矩[/color][/size]
[size=3][/size]
[size=3][/size]
[attach]634589[/attach]


[size=2][color=darkred]一个MTV的画面，分割很精确哦!视觉中心在九宫格左上点。柱子将画面1/2分[/color][/size]


[attach]634590[/attach]


[size=2][color=darkred]一个牛奶广告，讲给人带来的营养等，注意眼镜的位置[/color][/size]

[attach]634591[/attach]


[size=2][color=darkred]化妆品广告，干净稳重，字的位置请注意。[/color][/size]

[attach]634592[/attach]

[size=2][color=darkred]还是windows XP 宣传片头，另一个风格，比较爽快，同样严谨[/color][/size]

[attach]634593[/attach]

[size=2][color=darkred]mazida 车的节目演示板，看看各元素的关系[/color][/size]

[attach]634594[/attach]


[size=2][color=darkred]这个图的结构比较隐蔽，但也很规矩[/color][/size]
[attach]634595[/attach]

[size=2][color=magenta]这个广告说的是一个瓢虫爬上去吹蜡烛……真还吹熄了!蜡烛侧线吻合[/color][/size]

[attach]634596[/attach]


[size=2][color=magenta]化妆品广告，分割精确得没话说[/color][/size]
[attach]634597[/attach]

九尾狐oc 发表于 2007-11-10 10:09

;( 沙发吗???谢谢分享``我还是第一次听说九宫格呢``学习了

无愧 发表于 2007-11-10 11:43

支持
好的帖子 ,谢谢斑竹MM分享了

玲静 发表于 2007-11-11 09:55

:O :O :O 第一次听说。哎还是个门外汉。

172966090 发表于 2007-11-11 12:52

就像李去龙打仗样的，平时有这种感觉，想不到时还有理论这东东，学习了

yuanmoo 发表于 2007-11-11 13:44

回复 5# 的帖子

哈，楼上说得是，，，，是要学习理论啦

yuanmoo 发表于 2007-11-11 13:49

LZ可以详细说说分格法呀，，，，

yang083 发表于 2007-11-12 10:40

``谢谢了!
````学习了!!
`````楼主辛苦!! ;)

子雨阿落 发表于 2007-11-12 14:01

九宫格就是把画面９等分吧？
是不是啊？

疯玉 发表于 2007-11-12 14:33

九宫格，不错~~
学习中。。

小波独行 发表于 2007-11-12 17:45

看了半天不回贴,太不好了             buguofeichang  bang

赏影06 发表于 2007-11-12 21:28

学习了，是不是都讲完了？

精诚 发表于 2007-11-12 22:44

我也是头一次听说这个"九宫格"秘密!!学习了哈!!

化琼飞雪 发表于 2007-11-13 10:53

:|| 学习啦.九宫格,,以后做图注意注意

欣雨 发表于 2007-11-13 12:48

[quote]原帖由 [i]赏影06[/i] 于 2007-11-12 21:28 发表 [url=http://bbs.redocn.com/redirect.php?goto=findpost&pid=1958251&ptid=109508][img]http://bbs.redocn.com/images/common/back.gif[/img][/url]
学习了，是不是都讲完了？ [/quote]

恩，完了

这种要灵活运用,有的用不着这个

175度阳光 发表于 2007-11-13 12:58

确实是要灵活运用是，要是什么东西都参照这个，那还不把人累死啊，理论是基础，最后运用的时候还是得靠经验了...
谢谢分享

siyekuangke 发表于 2007-11-14 14:07

学习

分析的彻底,厉害,向你至敬!~~学习中

小刘静 发表于 2007-11-14 20:11

谢谢欣雨！。。。收下了哈...

回去慢慢研究!_!

luo7kui72 发表于 2007-11-14 23:33

学习理论啦:-) :-) :-)

平酷万花 发表于 2007-11-15 09:43

楼主，能不能讲详细的啊，特别那些“根方二分割线、黄金分割线、九宫格分割、16∶9”，在正方形里是怎么划分为几等呢？等LZ答解哦！谢谢哦！

查看完整版本: 从“九宫格”谈设计视觉中心及构图实例(转)