找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 863|回复: 0

[杂谈] 理解网页设计的黄金比例

[复制链接]
发表于 2015-6-4 10:53:37 | 显示全部楼层 |阅读模式 来自 中国–广东–广州–天河区
他们说,有一个“神圣的比例”,是大自然和我们周围的很多东西。你可以找到它的花,蜜蜂,贝壳,甚至我们的身体。
这个神圣的比例,也被称为黄金比例,神圣的比例,或黄金地段,可应用于各种艺术学科。科学家声称,接近黄金比例的对象,更多的人类大脑发现令人愉快的和令人愉快的。
长期以来这一比例被发现,许多艺术家和建筑师已经运用到他们的作品。你可以在一些文艺复兴时期的作品,建筑,找到黄金比例的画,和更多。结果:一个漂亮、美观的杰作。
没有人真的知道什么是黄金比例,让我们的眼睛。大多数人认为,事实上,它似乎无处不在,是一个“万能”的比例是什么使我们接受它作为一个逻辑,谐波,和有机的比例。换句话说,它只是“感觉”到我们的大脑吧。
所以,黄金比例是什么?
黄金比例,也被称为“披”在希腊语中,是一个数学常数。它可以通过方程a / b = a + b = 1.618033987 /表示,其中A比B大。这也可以通过斐波那契数列解释说,另一个神圣的序列。斐波那契数列从1(一说0),增加了以前的号码给未来的(即,1,2,3,5,8,13,21……)
如果你想找到两个随后的Fibonacci数的商(i.e.8/5或5 / 3),结果是非常接近黄金比率1.6,或φ(PHI)
黄金螺旋是用黄金矩形创建。一旦你有你的1,2,3,5和8单元矩形,方箱分别,如上图所示,你就可以开始构建黄金矩形。以方方你的半径,你创建一个电弧触及广场的对角点。重复这每平方在金三角,你就会有一个金色的螺旋。
在这里我们可以看到它在自然:
黄金比例和斐波那契序列出现在花朵的花瓣数。大部分的花有花瓣,是二,三,五,或更多的花瓣都是神性的一部分序列。例如,百合花有3个花瓣,毛茛属植物有5,菊苣花和雏菊21,34。显然,一个花的种子头也遵循黄金比例。例如,有一个种子,向日葵,从中心和长在外面填写种子头。这些通常是在螺旋模式类似黄金螺旋的形成。更重要的是,种子数通常增加了斐波那契数列。
手和手指也遵循黄金比例。仔细看!用手掌的指尖,底座分离部分(骨头)。一部分的比例相比,未来永远是1.618!即使前臂比相同。甚至脚趾,和面,我们继续下去…
在艺术和建筑中的应用:
在希腊的帕特农神庙是据称已使用黄金比例建造。空间关系的高度,宽度,柱,柱的距离,甚至门廊的大小被认为是相对于黄金比例。这可能是因为建筑如此比例完美,它总是自古以来。
列奥纳多迪文奇也是一个球迷的神圣比例(以及其他许多好奇者事实上!)。的蒙娜丽莎的美可能是因为她的脸和身体方面的黄金比例,就像自然界中真实的人的面孔。同时,通过列奥纳多文奇安排在最后的晚餐上画的人物安排人物的方式,采用黄金比例。当你构造黄金矩形在画布上,中心的比例完全地在中间的耶稣。
在标志设计中的应用:
不那么令人惊讶的是,你还可以找到在现代许多学科这神圣理性的利用,特别是设计。现在,让我们关注如何可以用在logo设计。首先,我们在一些世界最知名的品牌,用黄金比例的完美标志看。
显然,苹果已经用界真正的斐波那契数列的地方切掉苹果标志的形状。这是否是故意这么做的,是未知的。然而,结果显然是一个完美的视觉审美的标志设计。
丰田的标识为A和B形成一个网格,勾画出三环比。注意这个标志采用矩形代替界打造黄金比例。
百事可乐的标志可以用两相交界创造一个更大的,比其他。较大的一个比较小的,如上图所示,是你猜对了比例!他们最新的平板的标志是简单,有效,和美丽的!
除了丰田和苹果,其他几家公司的logo,如BP,iCloud,推特,和该销售被认为是黄金比例的考虑。我们都知道那些标志是怎么出名是因为图像立即出现在我们的头上!
这里是你如何能将它在你的设计和
做一个黄金矩形示意图如上图所示**。这可以通过高度和一批属于黄金序列构建广场做宽度。从第一单元和1单元放置另一个方片在它旁边。另一方是2单位的平方以上两。你会自动有一个侧与第一三广场3单元。在建立3台方盒子,你最终会与5个单位的一面,你可以使另一个(5个平方)箱。这可以永远在你意识到你有你所需要的精确的尺寸!
T他矩形可以放置在任何方向。单独的小矩形,使用每一个放在一起的一个布局,将作为你的标志设计的网格。
如果标志是圆的,那么你将需要一个圆形版的黄金矩形。你可以通过建立圈子的Fibonacci数的比例。创建仅使用界黄金矩形(这意味着将有一个最大的圆直径为8,然后用直径5,一个小圆圈等)。现在把这些圈放在你喜欢的任何方式来建立你的标志设计的基本布局。这里的推特标志示例:
注意:你不必使用黄金矩形的圆形或矩形。你也可以使用一个特定的大小反复。
如何将它应用到文本的设计:
这是不是标志设计不太靠谱。对文本中的黄金比例的应用简单的规则是,下一个更大的文本或小应根据披。让我们在这个例子中看:
如果我的字体的大小是11那么我必须有一个副标题,较大的字体。我会产生一个较大的黄金比例增加我的字体(11 * 1.6 = 17)。因此我的副标题应大小17。现在,我想要一个更大的标题或标题。我会拿出27的比例增加我的副标题字体(17 * 1.6 = 27)。有你有它!你的文字是现在黄金比例比例。
如何将它应用到网页设计:
这里就有点复杂。你可以保持真正的黄金比例甚至在你的网页设计。如果你是一个有经验的网页设计师,你可能已经猜到了,这可怎么应用。是的,我们可以有效地使用黄金比例并把它应用到我们的网页和用户界面的网格布局。
把你的全部网格像素宽度或高度和使用,构建一个黄金矩形。把最大的宽度或长度到一个较小的数。这可以是您的主要内容的宽度或高度。你剩下的东西可以成为你的侧栏(或底吧如果你把它应用到高度)。现在继续使用黄金矩形进一步应用到你的框,按钮,面板,图像,文本。你也可以建立一个基于缩小版的黄金矩形放置在水平和垂直方向上创建更小的接口的对象,是黄金矩形比例满格。得到的比例可以使用这个计算器。
螺旋:
你也可以使用黄金螺旋来确定在何处放置你网站上的内容。如果你有一个网页加载的图形内容,如对一个网上商店网站或摄影博客,你可以利用许多艺术家们用他们的作品黄金螺旋的方法。这个想法是把最有价值的内容,在螺旋的中心。
内容聚类可以遵循黄金矩形的方式进行。这意味着,朝着中心广场的螺旋移动更多的(对一单位方箱),“密集”的内容将成为。
你可以使用此方法来确定你的头,定位图像,菜单栏,工具栏,搜索框,和其他元素。推特是著名的为他们的标志设计不仅使用黄金矩形,而且使用它为自己的网站设计。如何?利用黄金矩形,或者换句话说,黄金螺旋的概念,在用户的个人资料页。
这可能不容易使用的CMS平台,内容创作者决定布局而不是网页设计师。黄金比例的作品以及与WordPress等博客风格设计。这可能是因为侧栏几乎总是出现在一个符合黄金矩形的博客设计。
一个更简单的方法:
通常,设计师跳过复杂的数学计算和应用他们所称的“三分法”。这可以通过把该区域划分为三个相等的部分的水平和垂直方向上的实现。结果是九个相等的部分。线的交叉可以作为形状或设计的重点。你可以把一个主题或主要内容的一个或所有的焦点。摄影师使用这一概念海报以及。
越接近矩形的比例为1:1.6,人脑是更明显的愉快的(因为它是接近黄金比例)。
文章内容由广州网站建设 www.1-qi.com 翌启互联 编辑整理


发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-23 10:52 , Processed in 0.043777 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表