1. 首页
  2. 设计网站
  3. 正文

黄金分割线在网站设计中的应用

  黄金比例是一种随处可见的自然比例。从花朵到贝壳,从我们的手指到星系,这个数学比例使所有的形式在视觉上看起来平衡而令人满意。在网站设计中,这一比例,也被多处所应用。

  黄金比例是多少?

  黄金比例也别称之为黄金分割、黄金平均、神圣的比例等等。作为一个数字,黄金比例大约是1.618,作为一种视觉表现,这一数字可以用来创建一系列矩形。

  在设计中,黄金比例创造了一个平衡的有机组成。

  假设您需要从创建一条线开始设计。接下来,你复制它并把它分成两部分,得到两个形状a)第一行,b)第二行。

  现在如果你用a)除以b)你会看到它等于1.618,它也等于a) + b)除以a)。

  


  设计师如果知道了这一比例,可以将其应用到LOGO制作、图标设计、排版、布局等等方面。下面,我们就来看看,设计师会将这一比例应用于网站设计的哪些方面?

  黄金比例在企业网站LOGO设计中的应用

  通常来说,企业网站的LOGO有这样几部分组成,图标、企业简称、口号或者英文简称。如果几个不同部分占据的面积符合黄金分割,则会看起来更为平衡和协调。如下图,这是几个部分面积的黄金分割,可供设计者参考。

  


  黄金比例在网站文字大小上的应用

  如果你不确定网站内文章标题和正文字体大小如何确定,可以参考黄金比例。

  文章标题单个字体的大小是正文字体大小的黄金比例。相应地,文章的注释和其它说明,也可以是正文内容字体的黄金分割。

  这一点同样适用于网站图片中文案的设计,图片上文案主语是副标题的黄金分割。

  黄金比例在网站排版方面的应用

  网站排版一般都是按照几何图形进行排版,例如矩形排版、圆形排版、椭圆形排版等等。

  对于一个图形,例如矩形,长宽的比例,可以采用黄金分割;

  对于不同的图形,不同图形的面积可以考虑黄金分割。

  另外,如果是分层图形,也可以考虑黄金分割。

  黄金比例在网站布局上的应用

  如果网站采用三栏式布局,中间栏与侧边栏也是可以考虑黄金分割。中间栏的宽度与侧边栏宽度,可以是黄金分割。

  即便是采用信息流布局,同样也可以考虑黄金分割。

  黄金比例在网站图文上的应用

  我们还发现这样一个规律,在网站图文并茂的页面,文字占用的面积与图片占用面积的比例,如果符合黄金分割,这会让整个视觉更为舒服。当然,在移动页面,这一视觉规律也是适用的。

  另外,黄金分割还适用于单张图片中,不同元素的占用面积;还适用于不同滚动的速率之比等等。总之,网站设计师可以在“黄金比例”上继续进行探索。

    延伸阅读

  • 小程序名字修改的技巧规则

    我们都知道名字的意义,名称作为陌生人最先的认知,在物质喧嚣的时代,如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象,这至关重要。随着小程序开发越来越多,运营者在给小程序...

  • 小程序商城怎么运营?

    小程序商城在当今电商领域日益受到瞩目,成功运营这样一个平台对于每个经营者而言都至关重要。那么,我们该如何着手呢?一、确立品牌方向首先,我们要清晰地定义自己的品牌在市场中的位置。...

  • 自建商城运营秘籍,吸引顾客有妙招!

    新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出,关键在于精准地定位核心产品。选择具有市场潜力的热销产品,并突出其独特之处,是吸引...

  • 小程序商城推广完全指南

    随着小程序商城的日益兴起,如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样,以下是一些有效的策略:1.公众号与小程序的结合:商家可以将小程序与公众号绑定,...

  • 推广引流方法有哪些,裂变营销什么意思

    推广引流方法有哪些,裂变营销什么意思除了各公域平台,另一个比较重要的引流场景,就是在微信中。一方面做信社交性强,对于身边用友的链接更紧密,微信上也会以群、公众号的形式聚集一群有...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/1425.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();