网页设计与黄金比例的结合

2021-08-27 分类：网站建设

作为一个网页设计师开始一个项目时经常会考虑到网页的布局，虽然现在很多人倾向使用Grid css框架(如960，blueprint)，但有时也需要设计一些独特的布局本文我们要探讨如何将黄金分割理论运用到网页设计中，大部分涉及到的技术也同样适用于其他的设计或艺术类工作，当然主要还是针对于网站设计布局。

也许有的设计师会认为使用这些所谓的规范性东西会是一种限制而不是创造，在我看来这些新的概念对网页设计来说是一种尝试和提升，会给你接下来的创意构思提供一个坚实的基础，让人从一个新的视角来看待好的网页设计。

非常简单，从上面的数学公式我们知道a+b/a=1.618，960px就相当于a+b的值，所以只要用960/1.618=593，所以593px的位置就是黄金分割点。这样两栏的网页布局，左边栏宽度设为593px，右边栏宽度设为367px(960-593)就可以了。

这个方式同样适用于一些非固定的弹性的网页布局，只要通过同样的计算公式得到相应数值用相对单位(如百分比)表示即可，这样的网页设计是令人感觉最自然的。你也可以进一步将网页分成3栏、4栏。

我们要为一个950px宽度局中页面来设计栏目，根据黄金比例原则，可以这样设计：这样的Web布局具有一定的平衡感，整个页面也比较和谐。

现在的页面布局一般都是比较弹性的设计，因为这样页面可以充满浏览者的屏幕空间，而不管视窗的大小尺寸是多少，这对于那些高分辨率宽屏的用户来说是有意义的。而对于坚持固定像素宽度的设计者来说，1024*768就是王道，摒弃了两端的使用人群。在超越css这本书中还提到，即使是固定宽度的设计，减掉浏览器的滚动条宽度和浏览者打开了工具栏的宽度之后，水平宽度就显得不够用了：

布局时，根据功能的不同将网页分成几个矩形，这些矩形的大小参照黄金分割比例，这样就形成了很多黄金矩形。这些矩形可以解决你在网页设计布局中碰到的大部分困惑，比如你可以通过这些黄金矩形来决定flash或者图像该放在首页的什么地方，也可以决定侧边栏、网站底部内容的位置。一些电子商务网站在设计产品的展示时尤其可以参考一下黄金矩形。

当前标题：网页设计与黄金比例的结合
路径分享：https://www.cdcxhl.com/news/123929.html

成都网站建设公司_创新互联，为您提供面包屑导航、虚拟主机、企业建站、静态网站、网站建设、网站设计

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容