网站设计——黄金分割新用法!

问:什么是黄金比例

黄金分割又称黄金比例,是一个数学上是术语,用来表示两个元素的比例,它的值大约等于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来代替,虽然不是非常精确,但是却更直观和方便使用。

更多话题:http://www.iisp.com/design/?s=asdx (欢迎访问)

时间: 2024-10-10 23:56:17

网站设计——黄金分割新用法!的相关文章

网站设计新趋势

随着网站建造技术的进展和人们对网络环境及其效用之认识的演变,网站设计出现了重大转变,由简单的静态HTML页面发展到富多媒体动态网站,能够与访客以精细熟练的方式进行交互.当然这并非说网站设计就不再使用静态或永久性编码规程和方法来保存和呈现网站内容.总之,这是一个持续变化的进程,对当下网络用户的各类期望与需求都极为敏感. 网站设计的概念可谓太广泛,太多样了:因此,要定义某些共同特征或趋势,能让网站开发者和用户在某个特定时间段内都最为赞同,实在不是那么轻而易举.不过,我们将设法总结网站设计师积累的经验

BBC网站设计中的新网站视觉系统

BBC 日前在Blog 上展示了他们正在设计中的新网站视觉系统,他们称之为视觉语言Visual Language,旨在统一BBC 各个网页的设计风格.目前BBC 网站便用的视觉系统是两年前设计的,该套设计标准规范可在此中寻. 新网站设计想传递「现代英国.时事.强势.独特.领先.综合.优秀」等感觉.同时为了适应越来越流行的阔萤幕浏览,设计团队还重新设计了一套新的网格系统(grid system) 及网页模版. 当然还少不了字款.颜色选用的规范.总体来说没有太大改变.将在今年逐渐应用到bbc 各个网

设计参考:11个合理排版结构的新杂志网站设计

杂志网站由于巨量的信息,经常容易出现混乱,今天我们收集11个新杂志网站设计,其中每一个都拥有大量信息,看看他们是如何合理的排版,和设计网站结构的,这些设计应该可以告诉你如何呈现大量信息在网站上! One Nation Magazine Inspired Mag UGS Magazine Stack Magazines UX Magazine

出奇制胜的网站设计应对百度新策略

近期百度的策略更新,让互联网上泛起一片"把精力放到内容建设上"的呼声,站长们开始讨论如何才能把网站建设好,怎么的网站设计才能喂饱蜘蛛的胃口?小编最近也在研究怎么出奇制胜的网站设计,才能迎合百度的新策略,这里把自己的想法和大家分享下. 第一:友好的导航设置.网站在建设时不仅要想到首页的设计,也要考虑到内页的设计和蜘蛛的抓取情况,很多网站在设计时只给主页放置内容,其他的并没有链接进入内页,蜘蛛来网站抓取完首页的内容后,只有选择跳出网站,这样的网站设计只能让蜘蛛收录首页一个页面,其他页面并不

亚马逊测试新网站设计或改变用户购物方式

亚马逊正在测试新的网站设计 新浪科技讯 北京时间9月4日午间消息,亚马逊正在测试新的网站设计,这可能改变用户通过亚马逊网站购物的方式. 互联网电子商务专家表示,亚马逊新的网站设计将使用户更容易地通过平板电脑浏览及使用亚马逊网站.消息人士透露,亚马逊将在数周后发布平板电脑产品. 亚马逊发言人萨利·福茨(Sally Fouts)表示,亚马逊从上周开始测试新的网站设计.她表示:"我们正继续面向更多用户推出新设计,但目前无法确定新的网站设计将于何时面向所有用户发布."福茨也没有透露有关这一新网

网站设计用色:色彩基本知识

这是一篇关于网站设计中用色的文章.文章不仅介绍了色彩理论,也介绍了实践方法.然则太短. 造就常新的用户色彩体验: 第一部分 理论   这张照片的颜色感觉如何?这些烟花感觉喜庆吗? 照片 来自 expressmonorail . 色彩是您的网站的最重要的一个部分. 然而,颜色往往只是通盘决定之后的马后炮,甚至有时候被不管不顾.这样可不行.色彩帮助用户解读信息.说得复杂一点,大多数人对网站用色的评判是在下意识里完成的.他们可能不会说出对色彩的意见,但他们潜意识里对此很介意. 有时候,你会因为颜色记住

网站设计中需要注意到的seo因素

中介交易 SEO诊断 淘宝客 云主机 技术大厅 一.搜索引擎的可读性 ①使用文字而不是flash.图片.大图片.JS等来显示重要的内容或者链接. ②如果必须使用Flash制作网页,建议同时制作一个供搜索引擎收录的文字版,并在首页使用文本链接指向文字版.比如: (虽然网页上提供了很丰富的信息,但由于信息都在falsh中,搜索引擎无法提取,对搜索引擎来讲,这个网页没有任何内容) ③Ajax等搜索引擎不能识别的技术,只用在用户需要交换的地方,不把希望搜索引擎"看"到的导航及正文内容放到Aja

网站设计与维护的主要原则

设计 您或许设计过网站甚至个人主页,但是要让人们从浩如烟海的站点中,选择 访问浏览您的站点,就不是那么简单,因为鼠标和键盘永远掌握在上网者手中.设计 者要想设计出达到预期效果的站点和网页,需要对用户需求有深刻理解,并对人们 上网时的心理进行认真的分析研究. Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式,是未 来企业开展电子商务的基础设施和信息平台.企业的网址犹如企业的商标和品牌一 样,是反映企业形象和文化的重要窗口.那么,我们应该如何对企业网站进行设计. 管理与维护呢? 一.

20款覆盖全面的响应式网站设计工具

  灵活的栅格和布局,响应式的图片和智能的CSS媒体查询,构成了响应式网页的主要特征.当用户扔下沉重的笔记本电脑拿起平板,响应式的网站能够自然而然地随之适配,掏出手机也毫无压力,图片和文字都会随着特定的屏幕和分辨率而调整,这就是它的优势.你以为这就完了?当然不会!在未来,一摸兜里手机忘带了,抬起左手唤醒智能手表,打开网页,也能看! 不得不说,创建响应式网站越来越容易,即使你不是专业的前端也可以轻松搞得定.挑选合适的工具,搜几个符合需求的jQuery插件,配合合理的设计,你也可以实现期待中的响应速