在线客服与您一对一交流
当前位置: 主页 > 行业新闻 > IT技术 >

网站设计中黄金分割法的运用

  网站设计中黄金分割法的运用,相信专业的网站设计师都会明白这个道理!
  作为一个网页设计师开始一个项目时经常会考虑到网页的布局,虽然现在很多人倾向使用Grid css框架,但有时也需要设计一些独特的布局。萃聚网站设计师与大家要探讨如何将黄金分割理论运用到网页设计中,大部分涉及到的技术也同样适用于其他的设计或艺术类工作,当然主要还是针对于网站设计布局。
  黄金比例
  黄金分割又称黄金比例,是一个数学上是术语,用来表示两个元素的比例,它的值大约等于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或者图像该放在首页的什么地方,也可以决定侧边栏、网站底部内容的位置。一些电子商务网站在设计产品的展示时尤其可以参考一下黄金矩形。
  网站设计中黄金分割法的运用很有一定的技巧内涵,大家可以仔细了解一下!

相关文章:

  • 在互联网精致那个如此激烈的今天,很多企业都有了自己的网站。因此,不少企业为了提高自己的竞争优势,对网站的用户体验进行完善。那么,要注意哪些地方才能增强用户体验呢? 第一,...

  • 网站建设中,你在搜索引擎上输入不同的信息,也许你看到的网站类型会差别很大,认真观察后,你会发现,观点不同,你所看到的网站类型也就会不同。 对于企业来说,企业网站能够...

  • 西安做微网站,西安网站建设推荐阅读 西安做网站如何做百度竞价优化创意 对于网站的优化,很多网站都是从新站开始做的,所以,很多站长都希望网站能够快速被收录,这样才能进行...

  • 网站不仅要实用PC电脑,还有适用移动手机,这将会是未来的发展趋势。手机互联网使人们可以随时、随身、随地的通过手机上网查询相关信息,进行即时交易;可以真正地实现移动办...

  • 近来每每遇到企业建站或者改版,项目方案的需求上,设计这一栏大都离不了大气这个词。做为一个设计人员遇到这样的词是很有些头疼的。大气这个词没有一个准确的度,颇有点只可...

  • 现在的互联网网站多如牛毛,怎样才可以让自己的网站脱颖而出呢?怎样才做得出用户需要的网站呢.今天自己说一下自己的一些想法,探讨怎做一个用户需要的网站. 第一.网站定位的内容更...

  • 随着移动搜索比例快速增长,企业也开始重视移动端,手机网站制作也成为一种趋势。手机网站制作需要从策划、设计、制作等几方面来做,今天西安剑锋网络小编就来跟大家讲一下,...

  • 网站内容更新?网站内容维护方案?网站后期维护内容?网站内容更新方案?网站内容更新流程?网站内容更新维护怎么做?公司网站内容更新维护如何做?经常有朋友问道这些关于网站日常内容...

  • 1、让代码简洁化,为设计创设环境 在网站建设时,尽可能使用有语义的code,用描述性的标签组织页面结构,可以提高搜索引擎对网站的可访问性,这也会使整个网站看起来很简洁。...

  • 根据我个人对网站策划建设、运营维护,以及为了网站推广的目的进行搜索引擎优化的体会,我总结出有关网站优化的基本思想是:通过对网站功能、结构、布局、内容等关键要素的合...

  • 公司:西安蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信:
  • Q Q: 点击这里给我发消息
  • 地址:西安市雁塔区唐延南路11号逸翠园i都会