新万博万博_万博出事了

当前位置: 万博 > 新万博教程 > 平面新万博理论 > 在网页新万博中如何应用黄金分割比例?

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

黄金比例

黄金分割又称黄金比例喉,是一个数学上是术语程秦奉,用来表示两个元素的比例啤,它的值大约等于1.618膏拍撅。黄金分割从文艺复兴时就开始了换袜。那个时代的艺术家对黄金分割十分推崇黑躬,并且广泛运用在各种新万博作品上肌焦掸,数百年来汾浇缺,在建筑怠驮纫、雕塑堡汕委、绘画等领域都可以看到黄金分割的身影发氨,今天我们同样可以将它运用在数字艺术上率韦锯。

在网页新万博中如何应用黄金分割比例?

黄金分割是一个数学的术语贡火,所以开始可能不是很好理解渡道。我们可以简单举例讲解地沁法,假设有两个线段a和b趟腔,如果它们的长度a+b/a的值等于a/b匡绦救,即a+b/a=a/b=1.618衬围,那么黄金分割就成立了硷,a和b中间就是黄金分割点诺暮。

黄金分割的运用

以一个960px宽度的网页新万博布局为例痢烧灿,假如我们要将这个网页分成两栏豹汰,如何才能找到他们的黄金分割点呢?

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

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

当然黄金分割比例只是在新万博上的一个指导而已纶费瓶,如果你可以打破这个规则又能保持网页新万博页面的自然平衡也是可以的单酞,作为一个通常的规则干麻嘉,经常把黄金比例用5孟祭:3来代替衫送绅,虽然不是非常精确化跋岗,但是却更直观和方便使用抵脱。

三分法

就像前面说过的一样休计,在新万博网页时缺,不应该完全拘泥于某个新万博理论舱楼费,网页新万博不需要完全遵循1.618这个数值按茹。三分法是运用黄金分割的一个简单实用的方法猴。

三分法是用两条水平线和垂直线将构图在水平和垂直方向上三等分焙。这四条线交叉会形成四个点赶需莽,这四个点称之为关键点喉,重要的新万博元素最好放置在这四个地方裁。尹大夫愣了。对新知识的饥渴很多网页新万博已经在不知不觉中运用了三分法溯韧湿,如网站重要的信息(logo矢侮、导航栏)会放置在左上角彤,右上角可能会放置重要性稍微低一点的的内容偿。当你在考虑放置标题苫雀、按钮和链接的位置时把拢,就可以考虑用三分法来做参考了尸改氓。当然卿胯沮,同样要灵活运用汗蘑谋,不要“严格遵循”梅。

黄金矩形(Golden Rectangle)

在网页新万博布局时赦擦,根据功能的不同将网页分成几个矩形阜叮石,这些矩形的大小参照黄金分割比例靡纫沁,这样就形成了很多黄金矩形及摆。这些矩形可以解决你在网页新万博布局中碰到的大部分困惑煌妮,比如你可以通过这些黄金矩形来决定flash或者图像该放在万博的什么地方班瓣巾,也可以决定侧边栏套丝、网站底部内容的位置暇龟。一些电子商务网站在新万博产品的展示时尤其可以参考一下黄金矩形赶。

分享到: 
好的交互新万博有哪些主要评判标准
15个优秀海报新万博灵感

热门推荐