您的当前位置:首页->新闻中心-> 文章预览
新闻中心

网页设计该如何行使黄金比例?

标签:网页,设计,如何,行使,黄金,比例  2018/8/24 8:51:41  预览106669

  黄金比例应用在平面布局各个领域中,分外是能够平衡文本内容的权重。 它可以帮助设计者创建条理结构以及吸引用户对特定区域的关注。 看看下面网站的例子,看看设计师们是如何行使它的!
  
  黄金比例是什么?
  

  黄金比例是一个数学比率,通常在天然界中都能发现它的,并结合古典设计理论建立平衡的构图。 它大约等于1网站建设公司.6180,也被称为“中庸之道”、“黄金分割”不锈钢闸阀, 通常用希腊字母Ф透露表现这个值。

  “黄金矩形”是指一个长方形的宽度是它高度的1.6180倍。 例如,一个划分为300 px的一侧, 则另一侧为300 * 1.6180≈485 px可以称之为黄金矩形。
  
  1、假如你从这个黄金矩形切分一个完善的矩形,留给你的会是另一个黄金矩形:
  
  2、你可以更小的矩形继承做同样的动作,然后再继承切分下去,无穷循环,你会得到这个认识的图像:
  
  3、斐波那契序列
  

  斐波那契序列类似于黄金比例,但并非完全如此。 这是一个系列的数字,序列中的下一个数字是前两个的总和。 例如: 0,1,1,2,3,5,8,13,21,34,55,89活动策划,144,233,377…这个规则公式是xn = xn-1 + xn-2.
  
  假设我们先从一个正方形开始,然后添加另一个,会得到一个我们所需的矩形:
  
  4、保持所增长正方形延长出的最长长度
  

  然后我们再添加另一个等于最长的长度总数的矩形:
  
  5、然后一次又一次的:
  
  6、这可以无穷期连续下去,会得出同样的黄金矩形结果,但这次是新建而不是切分。 黄金比例和斐波那契序列都能让我们做出吸引人的比例。
  
  如今让我们来分析一些网站,在这些网站中我们可以看到他们的用法。
  
  例1:YStudio
  
  7、yourlocalstudio.dk
  
  这是个关于什么的网站呢?
  
  “Your Local Studio”是一个基于设计和开发的网站,工作室在丹麦哥本哈根,。 他们擅长使用任何情势的视觉概念并用来创作的经验,用来优化网页。
  
  这个网站是关于什么的?
  
  这个网站有两三个页面有效到黄金比例。主页是关键信息的一个概念性诠述。然而,当您访问工作室页面时,会发现它融合了一点传统的web布局与黄金分割矩形,如以下页面:
  
  8、它为什么是有用的?
  

  想在人群中脱颖而出? 如Yourlocalstudio(yl)所做的,通过行使黄金比例来进行网站设计。 该设计外观上采用了渐进式的组织分明、结构清晰的网格系统,你可能会说,这些统统都看起来像指导。。。留意了越来越多的网站都是以结构更动态的布局来吸引用户细致力
  
  例# 2:Mashable
  
  9、mashable.com
  
  这个网站是关于什么的?
  
  Mashable是一个消息网站,获取信息的来源地,“连接的一代”的知识和资源。
  
  它如何行使黄金比例的?
  
  我使用了黄金比例的测试UX(用户体验)触发器来演示Mashable如何使用斐波那契序列的布局,内容布局天真,左边的题目和链接到更多的消息,由格架分隔。。
  
  它为什么有用?
  
  黄金比例在这里是很有用的,由于它许可一个内容驱动的网站给予信息排版喘息的空间。而类似的网站使用传统的网格布局看起来内容密密麻麻的,但Mashable注解黄金比例特别很是有用的,即使是无形的。
  
  结论
  
  黄金比例天然会吸引用户的眼睛到页面上某个特定的点。 作为一个概念,它可以帮助你思考内容的布局以及有用行使条理结构,组合布局,排版,色彩和总体原则,将有助于将你的设计水平提拔到一个新的阶段。