创建令人惊叹的艺术品或具有视觉效果的网站并不是一件容易的事。尽管创造力在任何设计的成功中都起着重要作用,但其中也涉及到一些数学和科学。
当人们看到达芬奇或萨尔瓦多·达利这样的标志性艺术家和艺术家的艺术品时,就会想到创意天才。当您看到类似古罗马万神殿的雕塑时,也会感受到同样的感觉。但是,所有这些艺术品都有一个共同点,即黄金比例。ace设计师和网站创建者仍然依靠这个经过时间考验的概念来创建令人赞叹的艺术品和网站,以吸引您的眼球。
历史的黄金分割
黄金分割的根源可以追溯到希腊文明的辉煌时期。也有人说古埃及人利用它创造了4000年前令人惊叹的金字塔和其他陵墓。古希腊人在艺术,音乐和科学方面拥有惊人的卓越成就。
希腊人可能是第一个发现自然事物(例如树木,花朵,动物等)存在美丽不对称性的人。他们使用希腊字母Phi来表达这种现象。几个世纪以来,艺术家和建筑师一直借助对黄金比例的比例和核心概念的理解来制作美观的建筑和艺术品。
切入现在,黄金比例被用于决定徽标,信用卡,家具,书籍等事物的视觉布局和格式,甚至像餐馆中的盘子设计一样平凡。甚至Facebook都在寻求开发一种能读懂人类思想的AR玻璃,在设计时,它对黄金分割率有极大的帮助。
换句话说,您可能不知道,但是黄金比例在您周围无处不在!有时,您可能不太确定为什么要在商店中选择具有特定设计的T恤而不是其他T恤。它的设计以某种方式对您的眼睛和心灵更具吸引力,其核心原因是黄金比例。
黄金分割率设计专业人员应注意的细微问题
该比率来自著名的斐波那契数列,您可能还记得在广受赞誉的电影《达芬奇密码》中看到的那个。它是自然出现的数字序列,几乎可以在任何地方找到。例如,序列以贝壳的形状和存在于树上的叶子的数量为准。
斐波那契数列基本上是其前面两个数字的和。就像:0、1、1、2、3、5、8、13、21等,直到无穷大。希腊人据此创造了黄金分割率。它表示两个比例之间存在的完美对称关系,大约等于1:1.618。通常使用Golden Rectangle来显示:由正方形和尺寸较小的矩形组成的大矩形。正方形的边等于矩形的最短长度。如果从包含矩形的位置丢弃正方形,则将剩下另一个较小的金色矩形。就像斐波那契数一样无限地进行下去-相反!
人生中黄金分割的一些著名例子
希腊人是黄金分割的主人。如果观察希腊建筑物和寺庙的废墟,您会发现建筑物的高度和宽度之间令人愉悦的尺寸关系。这适用于列的大小,门廊及其中的所有内容。这个概念也被广泛用于新古典主义建筑运动中。
- 最后的晚餐 -达芬奇(Leonardo da Vinci)的流行绘画包含黄金比例的邮票-很像他的其他著名雕塑和绘画。在其中,您可以看到数字位于下面三分之二处。耶稣的位置也同步。
- 天然物体和生命形式 –即使在自然界中,您也可以找到这个概念的许多实例。例如,您可以检查诸如菠萝,蜂窝,不同类型的花朵,贝壳等东西。
为什么黄金比例与网页和图形设计相关?
很难理解为什么网络和图形设计师以及艺术家在他们的作品中诉诸黄金比例。目标观众或现场访问者要注意外观或吸引人的眼睛的抚慰感。古老的第一印象,就是最后的印象在这里起着重要的作用。除非网站首页吸引眼球,否则访问者会立即离开该网站。没有视觉上的对称性和比例感,网页或艺术品就不会使观看者感到轻松舒适。
一旦网站的布局和设计风格在观看者看来是相称且美观的,他们就会觉得有兴趣查看内容并继续浏览网站的其他部分。黄金比例还用于网页设计中,以平衡文本,丰富内容并构成层次结构。相同的逻辑适用于图形艺术作品,例如公司徽标。
黄金比例的使用会对整体设计及其各个元素产生积极影响。当设计元素成比例时-看起来在视觉上令人满意。从图标到其他视觉元素,一切都应放在适当的位置,并且在部署黄金分割比例时看起来是相称的。
在网页设计中,将文本内容放置在正确的位置并选择正确的类型和大小也很重要。在这里也可以使用黄金配给。您可以为标题选择特定的文本大小,然后使用1.618进行分割。结果将适合于子标题。如果正文文本的大小为10像素,则可以将其乘以1.618。因此,标题文字大小可以设置为16像素。在网页中,必须使用不同类型的内容-这可能会有所帮助。
在任何网页中,空白或空白量也起一定作用。太大的间距在视觉上并不吸引人,并且页面上缺少白色间距可能会使页面显得混乱。通过使用黄金分割率,设计人员能够找出网页中适当的白色间距。
即使在徽标设计中,黄金比例的使用也很重要。徽标是在目标用户访问网站或品牌商店等之前首先向他们表示公司的公司。因此,徽标必须在美学上令人愉悦且具有平衡感。这就是黄金分割的地方。许多跨国公司以及百事可乐,Twitter和苹果等公司巨头的徽标都是使用该理论创建的。
如何在图形和网页设计中实现黄金分割?
实际上,在设计和艺术品中部署黄金分割的概念比您想象的要简单。有两种方法可以在Web或图形设计中进行部署:
- 快速的解决方案:如果您在紧迫的期限内参与Web或图形设计项目,并且没有时间进行过多的设计试验,则仍然可以部署黄金分割。该概念将一个区域分为3个相等的部分-水平和垂直。这些线的交点应成为您的形状和图形的自然焦点。
通常会教摄影师将主要主题放在这种相交的线之一中,以获得令人愉悦的构图。可以在页面布局和海报设计中使用相同的理论。
- 全面实施:确保您在不使用快捷键的情况下遵循古老的黄金分割率概念-也不乏味。对于网页,您应确保内容区域和侧边栏比例符合该1:1.6.1的比例。因此,平均而言,如果内容区域为640像素,则应确保边栏约为400像素。相同的逻辑适用于页眉,页脚和导航区域。
有一个用于黄金比例的应用程序,实际上是的!
如果您发现在设计工作中理解和部署概念很乏味或担心您可能会偏离规范,请放松。就像生活中的其他一切一样,您会获得“黄金比例”应用程序。实际上,您有几个应用程序可以在设计中部署该概念。
下面列出了一些您可以签出的此类应用程序:
- 黄金比例 – GoldenRATIO是一款应用程序,可让您在设计中部署古老的概念,而不必大惊小怪和浪费时间。它在Mac App Store中的售价为2.99美元。该应用程序具有有用的收藏夹功能和功能性的“点击-点击”模式。它既可以在Photoshop中使用,也可以在叠加中使用。您将获得带有视觉反馈的嵌入式计算器。
- 黄金比例排版计算器 –可以与黄金比例理论同步地为任何网站进行完美的排版。
- Phicalculator – Phicalculator是一款实用且免费的应用程序,可以在PC和Mac上使用。如果在其中输入数字,则会根据黄金比例获得相应的数字。
- Atrise黄金分割区 –这是一个带有屏幕标尺的功能性网格软件。通过使用此功能,您将从发送时间中节省了时间。您可以查看和更改和谐的大小和形式。它的价格很高,但是免费试用版可以使用30天。
- PhiMatrix –这是用于基于黄金比例的设计和分析的另一种方便且广泛使用的工具。您将获得可定制的网格以及可用作设计项目中的叠加层的模板。
有第三方相机应用程序,可让您在遵循黄金比例和斐波那契数列的同时拍摄出精美的照片。其中一些应用程序是免费的,付费应用程序也在那里。这些应用程序可在iOS和Android平台上使用,对于想要拍摄图像以供按常规拍摄的Web或图形设计项目中使用的设计师来说非常方便。这将使处理图像更加容易,并减少了裁剪和调整图像的需求。
- 对于iOS – iOs设备用户可以进行应用程序黄金比例计算和拍照。它的价格仅为1.99美元,并为用户提供方便的功能,例如黄金比例计算器。使用它,您可以在保持元素遵循原理的同时拍摄图像。
- 对于Android – Android用户应选择价格为3美元的App Camera Zoom FX。使用该应用程序,您可以在拍摄照片时将斐波那契螺旋形和Phi网格用作图像叠加层。
使用黄金分割率的实用技巧
有几种便捷的方法可以在设计项目中部署黄金分割率:
- 您可以使用该比例制作基本的网站网格,该网格将覆盖侧栏和主要内容区域。对于1366 x 768像素的屏幕,您可以为内容区域选择846像素的宽度。边栏可以为520像素宽。在这种情况下,高度并不重要。
- 您可以使用此概念来创建间距指南。您可以使用单元13和8之类的大方块进行布局,而使用单元1至3的小方块来设置装订线。
- 您可以使用公式创建图标和徽标。
- 可以在线框图阶段部署它。这可以帮助您规划结构和确定各种用户界面组件的大小。这对于Web设计专业人员在以正确方式保持比例的同时裁剪图像也很有帮助。
注意事项
尽管在网页或艺术品设计中使用黄金比例对公司或专业人士而言可能是有益的,但不建议过分提倡。请记住,对于没有经验的用户或初学者,序列产生的规模感可能会失控。这个想法是在不极端的情况下使用规范创造一种审美平衡感。您应该以微妙的方式而不是任何地方在设计中使用数值。一些网站可能几乎不需要部署黄金分割率,而其他网站则可能需要大量实施。
最后,归结为在设计或网页中使用适当大小的元素。您还需要以正确的方式使用空白以在设计中创建视觉平衡。那就是黄金配给的方便之处。以正确的方式使用它可以为设计增添趣味,但不要以它为基础设计整个设计。还有其他方面,例如使用合适的对比色和正确的内容类型。
这一切都导致了什么?
黄金比例是视觉上令人愉悦和美观的图像,徽标,网站以及您在大自然中遇到的一切背后的秘密。在开始时,似乎很难在设计中使用数学概念。但是,通过谨慎的方法和对使用该理论创作的艺术品的分析,您将习惯它。
当然,您可以使用其中的第三方应用程序和Web工具。然而,掌握黄金分割并不是一夜之间就能实现的。为了达到完美的目的,需要大量的实践和示例分析。但是,应以正确的方式使用它,以使您的设计吸引观众。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/259165.html