关灯
护眼
字体:

Web设计中的黄金分割

首页书架加入书签返回目录

请安装我们的客户端

更新超快的免费小说APP

下载APP
终身免费阅读

添加到主屏幕

请点击,然后点击“添加到主屏幕”

    原文作者:jarelremick原文链接:thegoldenratioinwebdesign译者:被遗忘

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

    作者:jarelremick

    是themeforest的一名作者,在moscow,idaho。网页骨架

    这些是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’

    maincontent

    每个人都(应该)知道,内容才是王道!当人们来参观你的站点,这是他们想看的主要元素。它应该是web页面的焦点,所以参观者才能快速找到他们想要的。

    sidebar

    sidebar是放置你次要内容的元素,像一些广告,站点搜索,订阅链接(rss,twitter,email,等),联系方法等。这个元素不... -->>
本章未完,点击下一页继续阅读
上一章目录下一页

请安装我们的客户端

更新超快的免费小说APP

下载APP
终身免费阅读

添加到主屏幕

请点击,然后点击“添加到主屏幕”