软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 关于数学和网页设计的关系的讨论

关于数学和网页设计的关系的讨论

“数学是美妙的。”对于在数字和公式面前畏缩的人来说,这听起来也许是荒谬的。但是,从最小的贝壳到最大的漩涡星系,自然界和我们这个宇宙中大部分美丽的东西都呈现出数学特性。 其实,古代最伟大的哲学家之一亚里斯多德曾说过:“数学格外地展现了秩序、对称和极限,而这些是美的极致形式”。

由于其美丽的天性,数学一直以来都是艺术和建筑设计的一部分。但它至今还没有在网站设计中发挥作用。其原因可能是因为我们大多认为数学是创造性的对立面。相反,其实数学可以成为创作创意设计的工具。也就是说,你不必在每个设计中都依赖于数学。关键在于应将数学看作朋友,而非敌人。为了说明这个观点,我们创建了几个展现在本文中所讨论数学原理的网页设计。我们还赠送了几个PSD格式的文件,以便于在以后的设计中你可以直接使用他们。

文中特载的布局都是为本文的目的而专门创建的。在设计过程中,我们确保本文展示的所有设计都遵循了数学的本质本性,也就是展现秩序、对称和极限。同时我们也遵循网络设计运算法则——有独立的主题、样式和元素。为了保持简单明了,我们尝试坚持极简主义的设计,同时也推荐单页布局。显然,文中的示例都应充当简单设计的基础,而非作为已经完成的设计直接使用。

黄金分割比率与黄金矩形

黄金分割比率也称为神圣分割比例,它是一个数学无理常数,其值约为1.618033987。如果整体与较大部分之比等于较大部分与较小部分之比,那么这个数量就称为黄金分割比率。


 


 

我们已经发表了非常详细的文章《在网页设计中应用神圣分割比例》来解释如何在网页设计中使用黄金分割比率。在今天的文章中,我们将关注如何在网页设计中使用黄金矩形。黄金矩形是一个其边长之比为黄金分割率之比1:(一比phi),即1:1.618的矩形。

黄金矩形的作图是非常容易和简单的。首先,创建一个简单的正方形。然后从正方形一条边的中点向对角画一条线,以这条线为半径画一条弧来定义矩形的高。最后,完成黄金矩形剩下的部分就得到了一个完整的黄金矩形。


 

一种构造黄金矩形的方法。正方形以红色标注轮廓。由此得到的尺寸是1:Phi的比率,也就是黄金分割比率。

作为一个例子,考虑使用以下极简派的设计。这个设计当中有6个黄金矩形,每一行有3个矩形。矩形的尺寸为299 × 185像素。因此,这些矩形的边长大约遵循了黄金分割比率,即299/185 = 1.616。注意黄金矩形周围的空白空间要留出多大才能创造出平静而又简单的氛围,导航选项可以表示出并为这种氛围的目的服务。尽管布局仅只使用了少量颜色并且所有信息块的定位都非常相似,但导航的选项是显而易见的。


 

大视图

但是,在保持设计一致性的同时,可能很难再添加一个新的黄金矩形块了。也许这里唯一合理的设计方案是在需要的时候利用剩下的水平空间将其他的块添加到第三行,或多或少这也是特色突出的设计。你可以点击下图观看图像的放大版本。


 

大视图

相关阅读
网友评论
栏目导航
推荐软件