網頁設計中美麗的佈局

一個偉大的網站從美麗的排版開始。雖然打破偶爾的規則是偉大的,有時回到製作偉大的排版的原則,以及如何創建它是很好的。

網頁設計中美麗的佈局

這是一個重要的刷新,可以幫助您重新思考項目,考慮一種新的方法或只是回到一個更簡單,更流線型的設計。

所以今天,我們忽視了將規則重點放在排版理論上的趨勢和方法,以及“規則”如何成爲創造出驚人的類型的偉大準則。

大小和層次結構

大小事項。當在屏幕上創建可讀排版輪廓時,尺寸可能是最重要的因素之一。微小的文字可能令人震驚,難以看清。超大文本可能會以奇怪的方式突破線,造成混亂。

可讀排版具有幾層層次結構,可以告訴用戶第一,第二等等。有一個明顯的規模,所以身體文本是一個大小的設計,標題是另一個大小,分支和小標題也有自己的規格。

跟蹤和字距

經常混淆,跟蹤和字距不一樣。字距是一對字母之間的空間調整。跟蹤是對一整套字符之間的空間進行調整,例如對一段文本的段落或整體調整。

Kerning通常應用於各個元素,以創建精確度,增強大文本的可讀性甚至風格。跟蹤通常用於收緊身體副本中的鬆散字體。

限制字體

太多的字體可能是壓倒性的和刺耳的。大多數項目都有兩到三個字體。

選擇固體類型選項的關鍵是選擇具有大量變化風格的類型家族。大多數質量字體都有多種樣式 - 粗體,常規,斜體,濃縮,黑色等。通過選擇具有多個選項的'字體,您將擁有多種用途的重量和樣式。(如果您想將整個設計保留在單個字體系列中,有些家庭甚至包括襯線和無襯線選項。)

混合和匹配樣式

當你選擇字體時 - 誠然,這可能是許多設計項目中最棘手的部分 - 可以選擇兩種不同的類型。

最常見的配對是襯線和無襯線。但你不必堅持這一點。

當配對不同的樣式和字體時,請查找具有相似x高度的字體(查找具有相同垂直小寫“x”大小的字符集)和碗形狀(封閉字母(如“o”)內的空格)。

這些細節可以在字體感覺如何一起以及用戶閱讀文本的容易程度上有很大的不同。使用不同風格的類似字母形式仍然具有視覺熟悉度,可以使所有類型更容易一起閱讀。

忘記連字符和理由

大多數時候,連字符和充分的理由是不必要的。

特別在線,這些技術可以使文本更難以消化和理解一目瞭然。Hyphens分解閱讀體驗和充分理由通常會導致難以閱讀的奇數間距。

雖然這兩個要素都在某些項目中佔有一席之地,但它們通常應該被避免。

不要改變字體

你永遠不應該調整字體。不要試圖使它變得更胖,更高或更薄。選擇一個新的字體代替。

類型設計師努力創建一個一致的字符集,這些字符是可讀的,適合字體的樣式。不要嘗試改變一組字符的外觀。你不會改進它們,並且通常會使流程中的類型混亂。

如果一個字體不太適合你需要的方式,尋找別的東西。嘗試使用Identifont類似的字體工具來識別具有相似外觀的字體,以選擇在項目中可能會更好的其他選項。

對比

設計與對比使用排版。正如您將使用不同的大小來創建層次結構,考慮不同的字體權重,顏色和樣式,以提供視覺興趣。

顏色是創造對比度的最有效和簡便的方式之一。理想的對比是在淺色背景(或相反)上的深色文字。有幾個無限數量的顏色選項可以幫助您實現這一點。當使用顏色和排版時,請注意,一些顏色組合,如右藍色亮紅色,真的很難閱讀。尋找在光與黑暗,活力和飽和度方面不同的組合。

當談到對比,簡單的背景通常最適合給予文本空間閱讀。但如果背景包含視覺元素,如圖像或圖案,則會產生大小字體的凹凸,以創建背景和前景文本元素之間的距離。

測量事項

度量是保存文本的容器的大小。這可以是多列格式的整個文本框或單列的寬度。

措施重要,因爲屏幕上的字符數(包括空格,字形和標點符號)可能會影響可讀性。這個概念背後的理論是,如果線條太長或太短,由於來自一條線路到下一條線路的不斷往復運動,用戶的眼睛可能會感到疲勞。

從印刷風格的元素: “45到75個字符的任何東西被廣泛地認爲是在文本大小的襯線文本面中設置的單列頁面的令人滿意的長度。66字符行(計數字母和空格)被廣泛認爲是理想的。對於多列工作,更好的平均值是40到50個字符。

這對於大多數項目來說是一個很好的起點,儘管許多項目都傾向於稍大一點的類型大小,這會使字符數落在該範圍的較小端。

儘管移動排版在該書首次發佈時不是關心的,但是多列的指南是可以接受的起點。您甚至可以選擇稍微降低一點,並針對小屏幕每行更優化35個字符。