兔子課程網站的網頁設計如何佈局？自從1991年蒂姆•伯納斯•李（timberners-Lee）打開開關以來，網絡排版已經走了很長一段路。早在ie1.0，好的網頁佈局就有點自相矛盾。今天的情况不同了。我們不僅有瀏覽器，支持影像（喘息！）我們有機會使我們的網頁通過偉大的排版。
首先，值得注意的是，排版不僅要選擇一種字體，還要區分不同的字體。在最近的實驗中，受過訓練的猴子能够在90%的時間裏正確識別Helvetica。
今天，我們將從四個基本要素的公式來討論網頁佈局。如果你試過煲湯，你就會知道這個食譜有多重要。按照這個食譜和你的排版，就像烹飪有足够的隱喻，讓我們來烹飪：
對比
淺藍色背景上的淺粉色文字可能與你的T恤相配，但讀起來不太好。文字是為閱讀而存在的；確保它與實現這一點的上下文進行了充分的比較。如果您不確定對比度，請將頁面轉儲到荧幕上，打開影像編輯軟體，然後將影像置為灰色。你很快就會知道你是否有足够的對比度。羅伯特布林赫斯特，一個完美的打字機，寫道印刷是為了尊重內容。。。如果我們的網頁設計使文字和內容難以閱讀，我們是否尊重內容？
就我個人而言，我不喜歡讀長的倒裝文字（也就是說，深色背景中的淺色文字）；我們多久會看到這樣一本書？它可能適用於荧幕上較短的文字，但我發現閱讀任何一段時間都很累。
大小
隨著Web2.0的出現，我注意到了一個相當惱人的趨勢：小型化。我甚至給網站作者發了郵件，建議他們新增默認字體大小。我收到了來自“强硬”和“謝謝你自己”的混合回答，我從來沒有想過我的類型可能對普通讀者來說太小了。我甚至聽說過用“它符合我的極簡主義設計”或類似的詞來保護身體的小字眼。它可能反映了一件小事。除非超人和20/20視覺女孩（曼威卡通，不要碰我的手，她是我的）是你唯一的讀者，那麼沒有小類型。
不要將正文文字設定為低於10或12點數，如果可能，請將其放大。請記住，您在65英寸高清等離子顯示器上看到的可能不是15英寸MacBook上的情况。如果你有任何問題，放大它。ILT上的正文文字設定為16 px。
等級制度
更改類型大小是區分內容的最佳方法之一。顏色和漂亮的方框可能會有所幫助，但是不同大小的字體，它們在整個頁面中的使用是一致的，會向讀者發出一個響亮而清晰的訊號，說明頁面元素的相對重要性。這也意味著，如果你的讀者很匆忙，他們可以很快挑選出重要的部分-這可能意味著他們停留的時間更長，繼續閱讀。
層次結構也可以通過其他管道實現。我們剛才提到，您使用不同大小的類型來實現它，但是我們也可以使用不同的樣式；例如，全大寫，或者斜體作為副標題。線性和非線性也可以結合使用，效果很好。
空間
讓你的類型呼吸。不要害怕在這一頁上留下空白。這個負片或空白將有助於集中在文字上-這是最響亮的文字，所以讓它被聽到。接下來，記住行的高内容；一個好的經驗法則是行距，它至少是文字大小的140%（記住，我正在寫萬維網（這裡是佈局）。優秀的字體設計師在字體內部的微小空白處投入了大量精力。他們花了無數個小時試圖平衡黑色和它周圍的負片或空白。同樣，我們應該花時間考慮宏空格，即文字塊的“空格”。
|
