另类视觉盛宴:无处不在的0.618

标签: 视觉 | 发表时间:2011-08-19 10:09 | 作者:(author unknown) 刘德华
出处:http://www.guokr.com/

提到黄金分割 0.618,大家首先想到的必然是神秘的大自然以及那些伟大的艺术作品。其实,在数学内部,0.618 也无处不在。黄金分割常常意外地出现在一些极其简单的几何构造中,可谓是黄金分割之美的另一种视觉盛宴。在这里,我们有意略去证明过程,因为结论实在太优雅了,说得太多恐怕会破坏美感。感兴趣的读者不妨自己试着证明一下。

五角星中的黄金分割点

/gkimage/6t/uq/2w/6tuq2w.png

在正五角星中,每条线中间的点都是这条线段的黄金分割点。例如,上图中,点 B 就是线段 AC 的黄金分割点。

三根木杆搭出黄金分割点

/gkimage/2e/t2/eo/2et2eo.png

在水平地面的 A 点处竖立一根木杆 AB。把一根相同长度的木杆 CD 斜靠在 AB 上,其中 D 点正好是 AB 的中点。再把一根相同长度的木杆 EF 斜靠在 CD 上,其中 F 点正好是 CD 的中点。则点 C 是线段 AE 的黄金分割点。

用正多边形构造黄金分割点

/gkimage/a3/qs/2q/a3qs2q.png

作等边三角形 ABC。以 BC 为边向外作正方形 BCDE。以 C 为圆心,CE 为半径画弧,与 AB 所在直线交于点 F。则 B 是线段 AF 的黄金分割点。

3:4:5 直角三角形中的黄金分割点

/gkimage/ku/hv/4g/kuhv4g.png

如果一个三角形的三边长分别为 3、4、5,由勾股定理,这个三角形是一个直角三角形。在所有边长均为整数的直角三角形中,这是最小的直角三角形。这一性质让它成为了最经典的直角三角形之一。

想不到,利用这个经典的直角三角形,也能快速构造出黄金分割来。作一个 3:4:5 的直角三角形 ABC。作角 B 的角平分线,与 AC 交于点 D。以 D 为圆心, DA 为半径作圆,与角平分线分别交于 E、F。则 E 是线段 BF 的黄金分割点。

等边三角形与外接圆构成的黄金分割点

/gkimage/xt/ap/xx/xtapxx.png

作等边三角形 ABC。D、E 分别是 AC、BC 的中点。DE 的延长线与整个三角形的外接圆交于点 F。则 E 是线段 DF 的黄金分割点。

三个圆确定出来的黄金分割点

/gkimage/qn/jh/ze/qnjhze.png

以 AB 为半径,分别以 A、B 为圆心作圆。BA 的延长线与圆 A 交于点 C。以 C 为圆心,CB 为半径作圆。连接图中所示的 D、E 两点,它与 AB 交于点 F 。则 F 是 AB 的黄金分割点。

三个相交等圆中的黄金分割点

/gkimage/l9/mj/3b/l9mj3b.png

作等边三角形 ABC。以它的边长为半径,分别以 A、B、C 为顶点作三个等圆,其中 ⊙A、⊙B 两圆交于点 D, ⊙A、⊙C 两圆交于点 E。CD 与 ⊙C 交于点 F。以 E 为圆心,EF 为半径作弧,与 AB 交于点 G。则 G 是 AB 的黄金分割点。

三个相切等圆中的黄金分割点

/gkimage/lh/ef/4e/lhef4e.png

三个等圆依次相切,它们又都紧紧地包含在一个半圆中。则半圆的半径与小圆的直径是黄金分割比,也就是说图中 B 是线段 AC 的黄金分割点。

单规作出黄金分割点

/gkimage/l4/73/77/l47377.png

以 AB 为半径,分别以 A、B 为圆心作圆,两圆相交于 C、D 两点,同时这两个圆分别与直线 AB 交于 E、F 两点。分别以 A、B 为圆心,AE、BF 为半径作圆,两圆相交于点 G。由对称性,C、D、G 三点显然共线。则 D 是线段 CG 的黄金分割点。

注意,即使没有 AB 这条线,我们也能通过作出以 C 为圆心 CD 为半径的圆,确定出 E、F 两点来。因此,我们就有了一种不用直尺,只用圆规就能作出黄金分割的方法来。

你最喜欢哪种构造?

相关 [视觉] 推荐:

视觉隐藏内容

- iVane - 进步博客
组内做的一个分享,主题是“视觉隐藏内容”,主要关注隐藏的方式、方法及每种方法对可访问性的影响,并着重分析了a & label元素的可访问性,介绍了使用clip来做视觉隐藏. 内容有点散,但主题明确,其他组的几个同事来要PPT,现在传至slideshare,错误之处,请指正.

视觉隐喻碎碎念

- - 互联网的那点事
在我们做界面设计时,如果使用用户熟悉的来自真实世界的物体的图案来作为界面元素,. 用户会比较容易地学会产品的使用,这种手法就是视觉隐喻(metaphoric). 隐喻范围可以从整个界面到工具栏上的一颗小按钮. 整个界面都用隐喻的设计方法,最典型的例子就是游戏,整个现实的场景搬到游戏里面,用户一看就知道,.

“后视觉设计”时代

- - 阿里巴巴(中国站)用户体验设计部博客
一直想透过某种方式,把自己对视觉设计的一些理解和看法梳理一番. 同时目前团队里的视觉设计师,大多有一些共同的苦恼、疑惑和对前景的不明晰. 希望我的这些理解和看法对大家有所启发,能让大家对自己所从事的职业有更深入的思考.  这是我在某设计师群里说的一句话,里面有一个多年从事运营视觉设计的同学,立马跳出来反驳,最后到了只差骂:“你才死了.

我眼里的视觉与文字

- Tony - Koubei UED
原来把题目定为“视觉与文字”,但是又觉得这题目似乎有点过大,怕用了专业的标题却写出非专业的文章. 而我无意暂时也没有能力去对视觉一些细节做极为专业的考究,只希望通过自己一些学习和了解来加深自己对美的判断吧. 其实文字本身就是一种视觉语言,它把现实世界的所有事物,都以字的形式来进行了表现. 曾经读过一篇文章,说在传统的版式设计中,设计师们更喜欢做英文的排版,因为从视觉上来看,英文很容易形成线和面的关系,且字母有节奏感,比如aby这三个字母放一起有高矮区别;而中文相对来说,单调、孤立、不流畅.

Mobile app视觉传达的魅力

- 青蛙小子  - 所有文章 - UCD大社区
时下移动开放平台众多,苹果、谷歌、微软、诺基亚都有自己的移动开发平台,想让自己的产品在众多的开放平台中留住用户,只靠品牌是不够的,产品用户体验比品牌更重要. 我们可以充分的利用移动设备的特性,运用视觉传达的表现方式,去创造具有优秀的用户体验的app应用软件. 在如今这个智能手机时代,大屏幕高分辨率触摸屏的智能手机在市场上即将呈现普及的趋势.

人眼启发视觉搜索引擎

- feng823 - Solidot
Google上周宣布将支持声音和图片进行搜索,但一家创业公司在图像搜索方面走在了Google前面. 源自伦敦帝国学院研究项目的创业公司Cortexica,开发出视觉搜索工具,通过手机拍摄产品照片,它会自动呈现价格信息. Cortexica已经发布了一个用于比较酒价格的工具WINEfindr. Cortexica的视觉搜索技术是受到了人眼视觉系统的启发,它能识别出一个目标的关键特征,不受方位、大小、光线亮暗的影响.

视觉错觉:盯住红点

- Steven - YesKafei Daily
视觉错觉.令人害羞的影子艺术. 视觉错觉:裁判可以原谅的,因为她在他后面. 国庆佛教文化系列之二十八:智慧之灯,点亮心灵 (@longquanzs). 苏小红 你转过身来好吗_短篇小说_前后左右-冷笑话 未解之谜 野史趣闻 灵异 雷人 糗事 网络热门 大杂烩 (@qhzy8). 申请美国名校被拒绝理由大盘点 (@diylx).

合理的交互,恰当的视觉

- 地安门城管 - 互联网的那点事...
交互设计和视觉设计的重要性,业内已经达成了共识. 最近看了iphone版海豚浏览器的设计方案,正好借机再陈述一下相关的设计原则. 1.交互设计受限于硬交互(硬件本身的基础交互属性),设计要在硬交互的基础上进行扩展. 2.视觉设计最首要的任务是辅助交互设计,进行恰当并谨慎的视觉引导. 3.视觉愉悦性是很重要的一部分,但是视觉不能对交互体验产生阻碍(如不恰当的隐喻、错误的视觉引导等).

苹果iPad视觉设计分析

- 小猪 - 月光博客
  大部分的用户都并非对体验与设计有深入研究,而是从“看着舒服、用着好用”的角度来衡量一款产品,据笔者观察一些网页设计与数码设计,发现两者之间有着异曲同工之妙,他们对用户的研究、设计发展趋势几乎是共通的,例如苹果著名的COVERFLOW,和网站设计首页焦点图展示的效果. 因此,我们常提的CROSSOVER思维可以用上了,互联网与传统数码的视觉设计与交互体验可互为灵感参考.

合理的交互,恰当的视觉

- Bloger - 所有文章 - UCD大社区
交互设计和视觉设计的重要性,业内已经达成了共识. 最近看了iphone版海豚浏览器的设计方案,正好借机再陈述一下相关的设计原则.    1.交互设计受限于硬交互(硬件本身的基础交互属性),设计要在硬交互的基础上进行扩展.     2.视觉设计最首要的任务是辅助交互设计,进行恰当并谨慎的视觉引导.     3.视觉愉悦性是很重要的一部分,但是视觉不能对交互体验产生阻碍(如不恰当的隐喻、错误的视觉引导等).