Web设计中的黄金分割

2017-07-17 分类:网站建设 编辑:新商务互联 阅读(4064)

数学是优美的. 听上去有点奇怪? 当我第一次开始设计的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 Φ (phi). 本教程会剖析一个网站布局,以及如何对其黄金分割。


网页骨架

这些是web页面的主要元素。有很多不同的方法去组织它们,但是这种布局也许是最常用的。


Container

所有的web页面都用一个container,主要是为了同一个目的:去包含一些页面元素,然而这个方法实现各有不同。例如,body标签或者是最常用的div。甚至于过去常用的table(不要使用table作为你的container,这是一个破方法)。想想container作为你房子的外墙,里面包含卧室,厨房,起居室等等。

container的类型:

Liquid: 根据浏览器宽度填充。

Fixed: 指定的宽度,并不会根据浏览器宽度改变。


Header

header并不真的是一个特定的元素,尽管某些人会认为它是。它更多是用在涉及到你放置你的logo,导航栏,tagline的web页面顶层的地方。许多人更愿意把这些元素包含在一个div里以方便使页面样式和内容分离。header会被视为一个container,所以它有两种类型选择,就是上文提到的 liquid 或 fixed 。


Logo

你的logo是你的身份和品牌。最常用的是把logo放在你header的左上角。我们的阅读习惯是,从左往右,从上至下,所以你的log应该放在访问者第一眼能看到的地方。


Navigation

页面导航是最重要的元素之一;你的访问者需要用它来使用你的站点。 它应该是容易被找到且易用的,这就是为什么大多数的人把它放在header部分,最少也是在页面顶端附近的原因。

navigation类型:

Horizontal: 水平显示,被称为‘navigation’

Vertical: 垂直显示,被称为‘menu’

未经允许不得转载,或转载时需注明出处:新商务互联 » Web设计中的黄金分割
分享到: 更多 ( 0 )
  • 诚信交易,用心服务

    诚信 用心 专业 倾心

  • 一对一沟通服务

    线上线下一对一

  • 项目人员具体化配置

    保证项目进度、质量、 维护、稳定

  • 7X24小时售后服务

    86-021-51873035

copyright © 2008 - 2018 new35.com. All Rights Reserved. 沪ICP备17000932号-4

上海茄番信息科技有限公司 版权所有 沪公网安备 31011502005249号  

友情链接:wdcp    网站中毒    上海网站建设    上海做网站    做网站    上海建设网站    上海网站制作    做一个网站    上海专业网站建设    新加坡网站维护    小程序开发    微信小程序开发    支付宝小程序开发