|
數(shù)學(xué)是優(yōu)美的. 聽上去有點(diǎn)奇怪? 當(dāng)我第一次開始設(shè)計(jì)的時(shí)候，我確信如此。數(shù)學(xué)如此刻板乏味。你可能會(huì)驚訝的發(fā)現(xiàn)，最美觀的設(shè)計(jì)，藝術(shù)作品，物體，甚至人都有數(shù)學(xué)上的共同點(diǎn)。尤其是黃金分割，也被稱為神之比例，希臘字母表示其為 Φ (phi). 本教程會(huì)剖析一個(gè)網(wǎng)站的布局，以及如何對(duì)其黃金分割
網(wǎng)頁(yè)骨架
這些是web頁(yè)面的主要元素。有很多不同的方法去組織它們，但是這種布局也許是最常用的。
Container
所有的web頁(yè)面都用一個(gè)container，主要是為了同一個(gè)目的：去包含一些頁(yè)面元素，然而這個(gè)方法實(shí)現(xiàn)各有不同。例如，body標(biāo)簽或者是最常用的div。甚至于過(guò)去常用的table（不要使用table作為你的container，這是一個(gè)破方法）。想想container作為你房子的外墻，里面包含臥室，廚房，起居室等等。
container的類型:
Liquid: 根據(jù)瀏覽器寬度填充。
Fixed: 指定的寬度，并不會(huì)根據(jù)瀏覽器寬度改變。
Header
header并不真的是一個(gè)特定的元素，盡管某些人會(huì)認(rèn)為它是。它更多是用在涉及到你放置你的logo，導(dǎo)航欄，tagline的web頁(yè)面頂層的地方。許多人更愿意把這些元素包含在一個(gè)div里以方便使頁(yè)面樣式和內(nèi)容分離。header會(huì)被視為一個(gè)container，所以它有兩種類型選擇，就是上文提到的 liquid 或 fixed 。
Logo
你的logo是你的身份和品牌。最常用的是把logo放在你header的左上角。我們的閱讀習(xí)慣是，從左往右，從上至下，所以你的log應(yīng)該放在訪問(wèn)者第一眼能看到的地方。
Navigation
頁(yè)面導(dǎo)航是最重要的元素之一;你的訪問(wèn)者需要用它來(lái)使用你的站點(diǎn)。 它應(yīng)該是容易被找到且易用的，這就是為什么大多數(shù)的人把它放在header部分，最少也是在頁(yè)面頂端附近的原因。
navigation類型:
Horizontal: 水平顯示，被稱為‘navigation’
Vertical: 垂直顯示，被稱為‘menu’
出處：相關(guān)論壇
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) Web設(shè)計(jì)中的黃金分割 [2]
|
第 1 頁(yè) Web設(shè)計(jì)中的黃金分割 [1]
第 2 頁(yè) 
