官方公告:我司为了更好的拓展全国业务,即日起所有新老客户均可通过淘宝担保交易合作,全国首家! 向日葵官网:xiangrikui.co

向日葵,专注于整站优化,快照优化排名,网站关键字优化

网站的黄金比例

 
       黄金比例是一个定义为 (√5-1)/2的无理数。 所被运用到的层面相当的广阔,例如:数学、物理、建筑、美术甚至是音乐。 黄金比例的独特性质首先被应用在分割一条线段上。如果有一条线段的总长度为黄金比例的 分母加分子的单位长,若我们把他分割为两半,长的为分母单位长度,短的为分子单位长度 则短线长度与长线长度的比值即为黄金比例。

 



       在网站设计发展到一定阶段的时候就必然会和其他学科或领域只是产生交汇和共鸣,在阅读《超越CSS:web设计艺术精髓》这本书的时候,发现原来web设计还可以这样。比较突出的例子是现在经常被设计师提到的网页栅格设计,TAOBAO UED曾经探讨过这个问题,通过很有逻辑性的公式换算加上一定的数学分析,得到对网页设计有建设性的概念指导,从一定程度上说算是一种创新。

       我们要为一个950px宽度局中页面来设计栏目,根据黄金比例原则,可以这样设计:这样的Web布局具有一定的平衡感,整个页面也比较和谐。现在的页面布局一般都是比较弹性的设计,因为这样页面可以充满浏览者的屏幕空间,而不管视窗的大小尺寸是多少,这对于那些高分辨率宽屏的用户来说是有意义的。而对于坚持固定像素宽度的设计者来说,1024*768就是王道,摒弃了两端的使用人群。在超越css这本书中还提到,即使是固定宽度的设计,减掉浏览器的滚动条宽度和浏览者打开了工具栏的宽度之后,水平宽度就显得不够用了:许多设计师在设计版面的时候都是随意制定一下宽度就开始他们的设计,往往会出现挑选的宽度没有考虑到说要表现的内容,在后期出现内容问题的时候就很受限制。

       还有很多开发人员在实现页面的时候,并没有完全依靠视觉效果图来实现,有时就大致量了一下然后根据以往经验来定制宽度,而这种宽度往往不能很好的适应他们的内容,所以,这时候,黄金比例的使用就很重要了。黄金比例不仅在大的布局上可以使用,在小的栏目设计中也可以灵活使用。可以细化到很小的设计元素,比如一块图片信息展示区域:书中还提到可以根据内容反向推导出大的区域宽度,seo服务,例如网页的首页上需要放一个宽度为500的banner图片。

       那么我们可以用黄金比例算出整个网页可以选择的合适宽度:500*1.62=810px,并不一定要是950或者800这些被很多人推崇的页面宽度。

 
 

SEO案例

新闻中心

2019最具性价比SEO:按天收费!有排名才扣费,上一天扣一天费用
联系人:林经理 连经理 咨询热线:15914793398 15816690010 座机:0754-86711308 QQ咨询:点击这里给我发消息
Copyright@2010-2018 向日葵 xiangrikui.co | 粤ICP备15001759号 联系地址:广东省汕头市龙湖区绿园大厦1812室
 

客服中心