古老的数学存在的历史可以追溯到上千年前,但是它现在依然能够帮助我们提高设计水平,你相信吗?这些数学原理都经得起时间的考验,能够在构图上给我们指引,帮助我们找出设计上的不和谐视觉效果,提高我们的设计水平。

 

2017年网页设计配色方案:

1.红色篇:《网页配色设计之:红色空间-网页UI设计

2.黄色篇:《网页设计配色之黄色魅力:作为光的存在

3.蓝色篇:《网页设计配色之蓝色宇宙:他们属于天空和海洋

4.橙色篇:《网页设计配色之有机暧昧橙:红黄的合体

5.绿色篇:《网页配色设计之绿色自然:与生命的对话

6.紫色篇:《网页配色设计之紫色优雅和低调:来自同一颗星

 

网页设计与数学艺术

一、黄金比例

黄金比例,也可以说是黄金矩形或者黄金分割,最理想的比例是1.618。这种原理的起源上不知晓,但是黄金比例无处不在——从撒哈拉沙漠中的的金字塔再到巍峨的帕特农神殿。

当然不仅仅局限与建筑,我们可以从达芬奇的《维特鲁威人》中看到黄金比例,也能在无数的网页设计中看到黄金比例。

而在印刷和网页设计中,黄金比例使用的不是那么严谨,比例稍微有点变动,但是依然接近1.618.但是依然属于黄金比例的大致范围。(网页设计中的布局,有时设计师会取整数,这样设计起来能更方便一点)

黄金比例的用途广泛——在设计单个元素时,可以用黄金比例的思想来设计该元素的轮廓;也可以在多进行个元素组合时,采用黄金比例。

那使用黄金比例的效果又是什么呢?好吧,它能够模拟出自然的感觉,让浏览者感觉到平衡与和谐。

 

网页设计与数学艺术

二、斐波那契数列

斐波那契数列指的是一组数列,每一个数来自前面两个数的和。

0,1,1,2,3,5,8,13,21,34,55,89,144,233,377,610,987,1597,2584,4181,6765,10946,17711,28657,46368,75025,121393,196418,317811…

斐波那契数列由LeonardoPisanoBogollo发现,存在了750年。他的昵称是”斐波那契”,因此得名。

根据斐波那契数列画出来的曲线呈环状螺旋。这种形状在自然界中无处不在。

该原理和黄金比例紧密相连,因为你会发现,用后一项除以前一项,比例会越来越接近1.618:1

这条原理帮助了设计师选择图片的长宽度和尺寸大小。在布局上给予设计师指导。例如在三栏式布局中中应用斐波那契数列,1170像素宽度的布局中,三栏像素宽度分别是180,270,720

 

网页设计与数学艺术

三、三分法构图

无法避免的原理,在数字出版和印刷业中广泛应用。

在任何图像、尺寸中利用横向3条、纵向3条的假想格线,来实现规范构图。实际上这九宫格中的每一格尺寸相同。这条原理能够帮助设计师在设计中构建视觉焦点。

单一图像上,可以帮助构图。多个图像布局中,可以帮助有序组织。根据此原理(上图),眼睛一般会首先注意左上的位置,然后左下,然后右上,然后右下。(这就是为何很多设计中logo和联系信息放在了左上)

而且三分法构图也能实现一种平衡感。而且是不对称的平衡感。因为眼睛一般会沿着九宫格格线的交点移动,并没有中心参考点。

请看优设网翻译的这篇文章:想做好设计?先来了解神奇的魔力数字”3″

四、坤德里几何

自于印度占星术,也叫作”坤德里”。基本上,坤德里是一个只需要三个步骤就可以得到的简单图形。画一个正方形,然后画两条对角线。连接正方形每条边的中点就可以得到坤德里图。你将会注意到图上的四个直角菱形。它们是网页设计的基础。

下面的设计就是根据坤德里几何页面布局得来的。你会发现设计中的气卦(梵文,人体的七个能量中心,又称七轮)同样也具有数学特性。

这在网页设计中最为常见,不是吗?可以用来进行行、列的布局,合理的组织元素,让页面看起来有序。

网页设计中的分栏范围一般是三栏,最多可以分十六栏.

从数学的角度考虑设计,非常有趣,但是不要太死板,非要一板一眼的遵循数学规律。从以上四个数学原理,我们可以知道,数学原理能够帮大忙!能给我们的网页设计带来一种组织感、平衡感和更加具有冲力的视觉效果,这些原理大多和数字打交道,而背后来自对自然的观察,因此它们营造的视觉效果非常和谐。但是也不要太苛刻,严格的按照数学原理来设计。知晓、掌握便好,可以作为你”武器库”中的一件奇兵,同时也能进一步拓展你的思维。

本作品为转载作品,版权为作品原作者所有,感谢原作者的分享!

—— 灵感网(LingGan.Vip):用灵感点燃我的创作

分享 . 收藏 - 打开创意灵感之源 —— 灵感网 ( LingGan.Vip )
灵感网 » 网页设计与数学艺术- 灵感

发表评论

售后服务:

  • 售后服务范围 1、商业模板使用范围内问题免费咨询
    2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
    3、单价超过200元的模板免费一次安装,需提供服务器信息。
    付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
    2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
    3、服务器环境配置(一般 ¥50-300)
    4、网站中毒处理(需额外付费,500元/次/质保三个月)
    售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
    免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 14212192@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

Hi, 如果你对素材资源有疑问,可以跟我联系哦!

联系小编

灵感网——用灵感点燃我的创作!

立即查看 了解详情
赞助VIP 享更多特权,建议使用 QQ 登录