• 中国首部眼角膜捐献题材电视剧《你永远在我身边》开机:你我都是“光明使者” 2019-06-14
  • 高温养生“关键词”:防暑、降温、补水 2019-06-14
  • 壮观!“千人雪地太极”刷爆朋友圈 2019-06-14
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-05
  • 爬窗户干瞪眼  云南文山一小区惊现倭蜂猴 2019-06-03
  • 生命的定格:有种担当叫“我是警察” 2019-05-17
  • 党内政治文化建设与弘扬优秀传统文化 2019-05-17
  • 图说互联网(32期):红包可能有“毒” 2019-05-15
  • 防弹少年团刷新自身纪录 破亿 MV 之首出炉! 点阅 2019-05-13
  • 中江挂面节开幕 打响“中国挂面村”乡村旅游品牌 2019-05-08
  • ofo给供应商带来的:不仅是订单,还有技术和效率 2019-04-29
  • 家装行业猫腻多:“低价全包”变身“加价全包” 2019-04-29
  • 这些难免只有马克思主义真理才能自救,其余的都瞎扯淡,至于他们需要从哪里讨说法,也在马克思主义真理里面了 2019-04-21
  • 英名校女子划船队拍裸体慈善月历 遭脸书封杀 2019-04-21
  • 普林斯顿校长的演讲|上大学的意义是什么? 2019-04-09
  • 服务热线:400-889-1636
    业务联系:021-5230 0317
    客户服务:021-5230 0319
    在线咨询: 
    网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技
    网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技
    首页 > 客户服务 > 建站知识 > 网站建设

    网页设计中的黄金比例

    时间: 2016.12.21 来源:本站
    分享到:

    黄金比例是什么?


    黄金比例是一个数学比率,通常在自然界中都能发现它,用来建立平衡的构图。 它大约等于1.6180,也被称为“中庸之道”、“黄金分割”, 通常用希腊字母Ф表示这个值。


    “黄金矩形”是指一个长方形的宽度是它高度的1.6180倍。 例如,一个划分为300 px的一侧, 则另一侧为300 * 1.6180≈485 px,就可以称之为黄金矩形。




    如果你从这个黄金矩形切分一个完美的矩形,留给你的会是另一个黄金矩形:




    你可以更小的矩形继续做同样的动作,然后再继续切分下去,无限循环,你会得到这个熟悉的图像:



    黄金矩形(Golden Rectangle)


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



    黄金分割的运用


    以一个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、导航栏)会放置在左上角,右上角可能会放置重要性稍微低一点的的内容。当你在考虑放置标题、按钮和链接的位置时,就可以考虑用三分法来做参考了。当然,同样要灵活运用,不要“严格遵循”。




    业务咨询

    客户服务

    我要留言

    节假日咨询电话

    136-1188-9500

    关于我们

    上海求创科技有限公司成立于2001年,是一家专注于为客户提供高端网站策划、网站建设、网页设计、品牌网络营销以及相关的基于互联网应用服务的专业公司。

    更多

    全国客户服务热线

    400-889-1636

    网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技-微官网 网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技-手机网
    域名超市 | 苏州网站优化 | 手机网站建设 | 营销型网站建设 | 沈阳seo优化 | 企业网站建设 | 网页设计 | 网站建设 | SEO | 网站设计 | IPv6 升级 | 微信开发 | H5开发 | 系统开发 | 网站维护 | 海外社会化媒体推广 | 上海网站设计 |
    业务热线:021-52300315 021-52300317 业务部:[email protected] 售后服务:[email protected] 投诉邮箱:[email protected] 域名和主机服务:021-52300319
    地址:上海市静安区镇宁路168号16楼A室 邮政编码:200040
    版权所有?上海求创科技有限公司 沪ICP备13005298号-24  网站地图
  • 中国首部眼角膜捐献题材电视剧《你永远在我身边》开机:你我都是“光明使者” 2019-06-14
  • 高温养生“关键词”:防暑、降温、补水 2019-06-14
  • 壮观!“千人雪地太极”刷爆朋友圈 2019-06-14
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-05
  • 爬窗户干瞪眼  云南文山一小区惊现倭蜂猴 2019-06-03
  • 生命的定格:有种担当叫“我是警察” 2019-05-17
  • 党内政治文化建设与弘扬优秀传统文化 2019-05-17
  • 图说互联网(32期):红包可能有“毒” 2019-05-15
  • 防弹少年团刷新自身纪录 破亿 MV 之首出炉! 点阅 2019-05-13
  • 中江挂面节开幕 打响“中国挂面村”乡村旅游品牌 2019-05-08
  • ofo给供应商带来的:不仅是订单,还有技术和效率 2019-04-29
  • 家装行业猫腻多:“低价全包”变身“加价全包” 2019-04-29
  • 这些难免只有马克思主义真理才能自救,其余的都瞎扯淡,至于他们需要从哪里讨说法,也在马克思主义真理里面了 2019-04-21
  • 英名校女子划船队拍裸体慈善月历 遭脸书封杀 2019-04-21
  • 普林斯顿校长的演讲|上大学的意义是什么? 2019-04-09