1 / 26
文档名称:

UI设计中黄金比例用法教案.docx

格式:docx   大小:948KB   页数:26页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

UI设计中黄金比例用法教案.docx

上传人:85872037 2020/4/20 文件大小:948 KB

下载得到文件列表

UI设计中黄金比例用法教案.docx

相关文档

文档介绍

文档介绍:UI设计中黄金比例用法吉萨金字塔和达芬奇***画作《蒙娜丽莎》与***和百事之间的共同点是什么?他们的设计都是基于黄金分割的啊!黄金分割是一个数学比例。我们在大自然中很容易找到这样的比例,当它用于设计时,能创造出有生命力的、纯天然的视觉作品,愉悦我们的眼睛。但究竟什么是黄金比例,如何使用它来提高你设计水平?UI设计黄金比例是多少?我们会把它尽可能解释得简单哟!黄金比例(也被称为黄金分割,中庸之道,神圣比例或希腊字母φ)存在于被分割成两截的线段中,我们设较长的一段为a,较短的一段为b,那么有:(a)÷(b)=【(a)+(b)】÷(a),。UI设计但是不要让这些数字难倒你。在设计中,黄金比例可以归结为美学——创造和激发一种通过比例与和谐产生的美感。当应用于设计中时,黄金比例提供了一种艺术性;一个未知因素,一定的描述的事物。这种和谐和比例已被成千上万的世纪所承认:从吉萨金字塔到雅典的帕特农神庙;从米开朗基罗的《亚当的创生》到西斯廷教堂天花板上梵高的《蒙娜丽莎》;从百事logo到***logo。甚至于我们的身体和脸也同样遵循这样的数学比例:UI设计事实上,我们的大脑似乎本能地更喜欢使用黄金比例的对象和图像。这几乎是一个潜意识的力量,以至于哪怕为图像作更接近黄金比例的微妙调整对我们的大脑也有很大影响。黄金比也适用于形状。画一个正方形,设定边长为1,,一个完美的黄金比矩形便赫然纸上。UI设计现在,如果你把正方形叠加在矩形上,那么这两个图形会让你看到一个黄金比矩形。UI设计如果你一直按照这样的方式把黄金比应用到新矩形上,那么你最终会得到一个个逐渐缩小的正方形:UI设计假如你在上面这张黄金比例图的每个正方形的对角画一条曲线,你将会看到一个黄金比例曲线(亦称斐波那契序列)——这个序列中的每一个数字是前面两个数字之和。我们从零开始,结论如下:0,1,1,2,3,5,8,13,21,34,55,89,144……等等。通过在每个正方形中画对角曲线你会发现,这张图出现了一条神奇的黄金比例曲线:UI设计这条美丽的螺旋曲线出现在自然界很多的物种当中——蕨类植物、花卉、贝壳,甚至飓风——这也许就是为什么我们会觉得他们具有强烈的视觉吸引力。因为毕竟,天然的就是最好的。UI设计我们再进一步研究它吧,在每个正方形中画一个正圆——这样的结果是所有圆的大小也同样遵循1:,它们的比例看起来是多么的平衡啊!UI设计所以,我们现在有了黄金比正方形、黄金比矩形和黄金比圆,快到你的设计中尽情释放它们吧!应用黄金分割的五种方式OK,你现在已经理解黄金比例的概念了,那么让我们看看它是如何提升设计的整体水平,黄金比例可以运用设计中的许多地方,像布局、间距、内容、图片和版式。——用黄金比例设置空间布局我们常常把黄金比例看作是确定空间布局的实用指南。应用黄金分割的一个非常简单的方法是将矩形的长宽比设为1::960像素是非常典型的画布宽度,,得到一个594像素的数值,把它设置为高度,就是一块完美的画布。现在,打破这种布局,使用黄金比例分成两列。瞧!在这两个形状使你的设计呈现协调的黄金比例布局。UI设计这样的两列布局非常适合网页设计,在这种格式中你会看到许多在线内容。美国NationalGeographic就采用这种布局构建了一个整洁、易于阅读、结构良好的网站。它为读者提供了一个合乎规律的秩序井然的、平衡的和层次分明的阅读体验。