psd分层
发新话题 我要搜索 
打印

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

本主题由 欣雨 于 2007-12-19 19:05 提升
     把本帖网址贴到网络上任何地方,同样可获得下载资源币和用户等级提升 详情点击这里
     http://bbs.redocn.com/viewthread.php?tid=109508&fromuid=0 复制本帖地址
新手必看:积分、用户级别、发贴教程
寻红动每周一星,拿VIP+500资源币!
中资源免费域名

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




设计的“视觉中心”这个问题比较复杂。现代设计中,“多媒体”的概念拓展了我们的思路,在很多手段上丰富了我们的设计行为。所以,关系到这个问题,只能先限制在传统的平面构成和色彩构成上来做简单分析。  ①在传统的平面构成当中,对视觉中心最保守的办法是“九宫格”法,这个在东西方的理论中都有论述,包括现在相机的智能取景对焦功能也是参照此不变法则:





画面重心,以及九宫交汇的4个临近点,是安排视觉中心元素的理想位置。(万法总是由平稳走向跳跃,较极端的偏离中心方法以后再讨论)
  ②其次,西方较推崇的,也是自然界所暗自遵循的:黄金分割,1.618,这个太有名,不细讨论。
  ③现代设计中比较有时代感的中心分割,通常是采用“根号2”即1.414的比例,而不是黄金比。这样的方式给人更多感觉到工业性和人为的痕迹,比自然黄金比更有“人文科技感”
  以上的方式,都是在谈视觉中心的摆放位置,还没有涉及到设计元素间的关系和影响,只是一个起步而已。

  实例分析

  接下来是实例分析部分,找了一些广告,比较有说服力。不会让人感觉到理论枯燥。
  观看说明:白色的是九宫格线,靠近中心的是黄金分割线,外侧的是“根号二”线。
  Discovery 健康频道的页面,主要线条在九宫格内。



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





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





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




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



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



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




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


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




化妆品广告,分割精确得没话说
本帖最近评分记录
  • 无愧 经验 +6 优秀帖子,说明详细,好久没见欣雨了 2007-11-10 11:42
  • 无愧 资源币 +6 优秀帖子,说明详细,好久没见欣雨了 2007-11-10 11:42

测试AD位


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


支持
好的帖子 ,谢谢斑竹MM分享了
本帖最近评分记录
  • 欣雨 经验 +1 呵呵,不是吧,我最近常在线,是不是你太忙 ... 2007-11-13 12:46



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



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

回复 5# 的帖子



哈,楼上说得是,,,,是要学习理论啦
■■情由心控  心乱则情差
  ■■以心稳为重
    ■■事烦而心不烦 事乱而不乱心  
                                                    ■■心控 则情自控



LZ可以详细说说分格法呀,,,,
■■情由心控  心乱则情差
  ■■以心稳为重
    ■■事烦而心不烦 事乱而不乱心  
                                                    ■■心控 则情自控



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



九宫格就是把画面9等分吧?
是不是啊?


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

发新话题 我要搜索