加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

Web设计经验:网页布局中的黄金分割

发布时间:2018-09-14 18:22:37 所属栏目:运营 来源:站长网
导读:数学 是美妙的. 听上去有点稀疏? 当我第一次开始计划作品的时辰,我确信云云。数学如而今板乏味。你也许会惊奇的发明,最雅观的计划,艺术作品,物体,乃至我们人都稀有学上的配合点。尤其是黄金支解,也被称为神之比例,希腊字母暗示其为 (phi). 本教程会

  数学是美妙的. 听上去有点稀疏? 当我第一次开始计划作品的时辰,我确信云云。数学如而今板乏味。你也许会惊奇的发明,最雅观的计划,艺术作品,物体,乃至我们人都稀有学上的配合点。尤其是黄金支解,也被称为神之比例,希腊字母暗示其为 Φ (phi). 本教程会分解一个网站的机关,以及怎样对其黄金支解。

  网页布局

Web计划履历:网页机关中的黄金支解

  这些是web页面的首要元素。有许多差异的要领去组织它们,可是这种机关大概是最常用的。

  Container

  全部的web页面都用一个container,首要是为了统一个目标:去包括一些页面元素,然而这个要领实现各有差异。譬喻,body标签大附崆最常用的div。乃至于已往常用的table(不要行使table作为你的container,这是一个破要领)。想想container作为你屋子的外墙,内里包括寝室,厨房,起居室等等。

  container的范例:

  Liquid: 按照赏识器宽度添补。

  Fixed: 指定的宽度,并不会按照赏识器宽度改变。

Web计划履历:网页机关中的黄金支解

  Header

  header并不真的是一个特定的元素,尽量某些人会以为它是。它更多是用在涉及到你安排你的logo,导航栏,tagline的web页面顶层的处所。很多人更乐意把这些元素包括在一个div里以利便使页面样式和内容疏散。header会被视为一个container,以是它有两种范例选择,就是上文提到的 liquid 或 fixed 。

Web计划履历:网页机关中的黄金支解

  Logo

  你的logo是你的身份和品牌。最常用的是把logo放在你header的左上角。我们的阅读风俗是,从左往右,从上至下,以是你的log应该放在会见者第一眼能看到的处所。

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读