网页布局的时候,我们需要掌握网页模版布局的方法,只有掌握了网页模版布局的方法才能更好的进行网页设计,设计出优秀的网页来。网站模板也叫网页骨架,当我第一次开始设计时,我确信如此。数学是如此刻板乏味。你还可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至人都会有数学上的共同点。尤其是黄金分割,也被称之为神之比例,希腊字母表示其为 Φ 。 本教程会剖析一个网站模板的布局,以及如何对其黄金分割。
你的logo是你的身份与品牌。最常用的是把logo放在你header的左上角。我们的阅读习惯是,从左往右,从上至下,所以你的log应该放在访问者第一眼就能看到的地方。web页面的尾部总是会有一个页脚,让您的访客知道他已经到达了你web页面的结束部分。和header相同,footer也不是特殊的元素 。在你的页脚里面包含版权,法律声明以及主要的联系方式。包含一些很重要的链接是个好主意,比如home page, contact page, 等. 有些网站用这个区域提供一些相关材料或者其他重要信息。
Main Content 每个人都(应该)知道,内容才是王道!当人们来参观你的站点时,这才是他们想看的主要元素。它应该是web页面的焦点,所以参观者才能快速的找到他们想要的。 Sidebar sidebar是放置你次要内容的元素,像一些广告,站点搜索,订阅链接(RSS, Twitter, Email, 等), 联系方法等。这个元素不是必要的,尽管有很多的站点用它。它大多数是放在右边的,但你也能把它放在左边或两边,只要不扰乱主要内容的浏览就行。网站使用横向或者纵向导航,sidebar往往是用纵向导航。
做到这些的同时需要注意的就是,当你有强烈的愿望想要去填补页面的空白的时候,请千万不要这么做,以为空白也是很重要的,有些网站有效的使用空白的区域,创建出了页面的平衡给人一种好的感觉。