20px - +
wrap
zh en
-
标 题: 视觉中心的摆放原则及实例分析 发信站: BBS 水木清华站 (Mon Jun 2 14:12:40 2003) 看北大未名里的ascii培训提到了构图,虽然我从来没学过这些东西,不过 曾经看了一些文章,现在来班门弄斧,聊聊画面的视觉中心。 画面的视觉中学尝见的有以下三种 1、九宫格 │ │ │ │ ───┼───┼─── │ │ │ │ ───┼───┼─── │ │ │ │ 在传统的平面构成当中,对视觉中心最保守的办法是“九宫格”法,这个在东西方 的理论中都有论述,包括现在相机的智能取景对焦功能也是参照此不变法则。 九宫的中心和九宫周围的四个交叉点是是安排视觉中心元素的理想位置。 2、黄金分割 这个大家都知道,0.618,西方较推崇的,也是自然界所暗自遵循的,不详细讨论 了 _ 3、√2 现代的设计,比例不采用黄金分割,而是2的开方,转成小数比例大概是0.707, 这样的方式给人更多感觉到工业性和人为的痕迹,比自然黄金比更有"人文科技感" 大概常用的视觉中心摆放位置就这么几种了,至于各个元素间的搭配不属于这里 的讨论范围,见谅。 下面结合例子来看看上面理论的应用,光讲理论太枯燥了 先看我贴的几个图吧(后面把图补上了) 每张图上都画出了参考线条,具体为:白色的是九宫格线,靠近中心的是黄金分 割线,外侧的是根方二线。 1' xp.jpg http://www.smth.edu.cn/bbscon.php?bid=6&id=24621&ap=231 MS Office XP 宣传片头一,强调XP(经验),所以用了个沧桑的底图。布局很规矩 2' kiss.jpg http://www.smth.edu.cn/bbscon.php?bid=6&id=24621&ap=20059 一个MTV的画面,分割很精确的!视觉中心(就是两个人的嘴啦)在九宫格左上点。 柱子将画面1/2分 3' mbl.jpg http://www.smth.edu.cn/bbscon.php?bid=6&id=24621&ap=38763 美宝莲的广告,分割得相当精确,眼睛位置自己体会吧 下面就是ascii里面的实际应用了,一张全屏幕的图一般是78*23,这样我们可以 按照上面的比例来计算一下各种分割方法的视觉中心的大概位置 _ 九宫格 黄金分割 √2 0.666 0.618 0.707 横 52 48 55 纵 15 14 16 当一张图的视觉中心在上面表格的位置,整张图的感觉应该不错 我们先来分析一下 flubber 的“神话传说”进版画面 ,⌒ / ╰─╮ ______________ /│( ____ ╰╯ ─╯ ╭──╯ By flubber \\ ) 卍▏ ╰─╮ │ ╭-─╮│╭─╮ )\ ( ╭┼╮╭┼╮ ╭-╯╰┼─╯ ◣ , / │) ╭─┼┤╰┼┼╮╰╮╭-╰╮ ◢█ (\/ \ \ ( ╰─╯╰─┼╯╰─╯╰─-╯─╮◥█◤ )_ │ \ ︳ _) ╭─ ──╮╭──╮ ╭──┈┈ ╲\ │\ ╭╯ ╭╯ │ ╭────╯╰╮╭╯╭─-|\ \(\ │╭─┼─╯ ╭─-──╯╰─╯ \\ ╰─┼──╯ ╰─╯ ╭╮︵ ) \ ╰╮ ╰─╮ )╱⌒╯ /() │╭──╯ ╭~め //│/ ) │╰ (⌒~)╱/ //( ._ (\ ﹖ ) / │ /) ▕┐ ╰╮ , ══╤════/-╮_ ╭﹀⌒﹀╯ ┌▏ ▕卐 ( \( \(") , ( / _~☆卐▏ ▕卍┌┐ . _\_︶ / /-╯ ┌┐卍▏ ▕卐卍┘ ┌┐ ┌┐ // ( ))︺ ( ) └卍卐▏ ▕卍卐卍卐卍BM:canper nezha crygarden (╭╯ \(( ︵\ ┌卍卐卍▏ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ︶ ╲︶ ~) ▔▔▔▔▔▔▔▔ ` ﹀" 视觉的中心当然是仙女的头部,您如果有耐心可以数一下这个头所在的位置坐标, 呵呵,我帮你数过了,横向:从48-55,纵向:14-16!发髻“め”的坐标(53,14),恰好 是九宫的右下角,耳朵“?”的坐标为(53,16),横向为九宫,纵向为根号2!惊讶吧,一 切都是附和分割标准,完美而精确的构图! 再来看一个我自己的画吧 ▂▄▄▂ ▅─、 ◢﹉╲ ▏◥◣╲ ◣ ◥◣) \ ▃▁ \ ▍ /╱ ◣ `▇▆ ╲ ◣◣ ̄ ╲) ◢╱ / \ 〞◢ 只做仰卧  ̄~″▎ ┃ \ ◤ ◢▊ ┃ ▕ 不做起坐 ▃_▁\ ▂▃▄. :◥█▆▋▇█˙ ◥◣◣▁ ▁◢ ◣◥ ── Garfield ◣ ◤ ︵ ◥ ~╲_,乀╭( \__◥◤▁ ▃▃▍, \/╭( ╲丿▇▆ 乁 ╰( ╲_丿 ◥◣ ▍ │ ╲ 丿 /,◢ ▉ 人 _-╯ ◣▁_╱ ╲__ ╱ ◥◣ ▇▆▇ lstar Garfield,为什么要把它放在这么一个位置呢?可以查一下Garfield的鼻子的位置 (48,12),黄金分割点! 呵呵,大概就是这些了。需要说一点,真正画图的时候没必要去记住那么多的数字, 还去数格子,这些数字也是在众多的被人们认可的设计基础提炼出来的,平时只要眼睛 看得顺眼大概查不了多少。这些数字和规则只是为了你的不时之需。 理论来自于实践,而又去指导实践! btw:我是个外行,不是很懂,专家如果看到有什么不对请提出来,多多指教。呵呵