網(wǎng)頁(yè)設(shè)計(jì)中美麗的布局
一個(gè)偉大的網(wǎng)站從美麗的排版開(kāi)始。雖然打破偶爾的規(guī)則是偉大的，有時(shí)回到制作偉大的排版的原則，以及如何創(chuàng)建它是很好的。
這是一個(gè)重要的刷新，可以幫助您重新思考項(xiàng)目，考慮一種新的方法或只是回到一個(gè)更簡(jiǎn)單，更流線型的設(shè)計(jì)。
所以今天，我們忽視了將規(guī)則重點(diǎn)放在排版理論上的趨勢(shì)和方法，以及“規(guī)則”如何成為創(chuàng)造出驚人的類型的偉大準(zhǔn)則。
大小和層次結(jié)構(gòu)
大小事項(xiàng)。當(dāng)在屏幕上創(chuàng)建可讀排版輪廓時(shí)，尺寸可能是最重要的因素之一。微小的文字可能令人震驚，難以看清。超大文本可能會(huì)以奇怪的方式突破線，造成混亂。
可讀排版具有幾層層次結(jié)構(gòu)，可以告訴用戶第一，第二等等。有一個(gè)明顯的規(guī)模，所以身體文本是一個(gè)大小的設(shè)計(jì)，標(biāo)題是另一個(gè)大小，分支和小標(biāo)題也有自己的規(guī)格。
跟蹤和字距
經(jīng)�；煜櫤妥志嗖灰粯印Ｗ志嗍且粚�(duì)字母之間的空間調(diào)整。跟蹤是對(duì)一整套字符之間的空間進(jìn)行調(diào)整，例如對(duì)一段文本的段落或整體調(diào)整。
Kerning通常應(yīng)用于各個(gè)元素，以創(chuàng)建精確度，增強(qiáng)大文本的可讀性甚至風(fēng)格。跟蹤通常用于收緊身體副本中的松散字體。
限制字體
太多的字體可能是壓倒性的和刺耳的。大多數(shù)項(xiàng)目都有兩到三個(gè)字體。
選擇固體類型選項(xiàng)的關(guān)鍵是選擇具有大量變化風(fēng)格的類型家族。大多數(shù)質(zhì)量字體都有多種樣式 - 粗體，常規(guī)，斜體，濃縮，黑色等。通過(guò)選擇具有多個(gè)選項(xiàng)的字體，您將擁有多種用途的重量和樣式。(如果您想將整個(gè)設(shè)計(jì)保留在單個(gè)字體系列中，有些家庭甚至包括襯線和無(wú)襯線選項(xiàng)。)
混合和匹配樣式
當(dāng)你選擇字體時(shí) - 誠(chéng)然，這可能是許多設(shè)計(jì)項(xiàng)目中最棘手的部分 - 可以選擇兩種不同的類型。
最常見(jiàn)的配對(duì)是襯線和無(wú)襯線。但你不必堅(jiān)持這一點(diǎn)。
當(dāng)配對(duì)不同的樣式和字體時(shí)，請(qǐng)查找具有相似x高度的字體(查找具有相同垂直小寫“x”大小的字符集)和碗形狀(封閉字母(如“o”)內(nèi)的空格)。
這些細(xì)節(jié)可以在字體感覺(jué)如何一起以及用戶閱讀文本的容易程度上有很大的不同。使用不同風(fēng)格的類似字母形式仍然具有視覺(jué)熟悉度，可以使所有類型更容易一起閱讀。
忘記連字符和理由
大多數(shù)時(shí)候，連字符和充分的理由是不必要的。
特別在線，這些技術(shù)可以使文本更難以消化和理解一目了然。Hyphens分解閱讀體驗(yàn)和充分理由通常會(huì)導(dǎo)致難以閱讀的奇數(shù)間距。
雖然這兩個(gè)要素都在某些項(xiàng)目中占有一席之地，但它們通常應(yīng)該被避免。
不要改變字體
你永遠(yuǎn)不應(yīng)該調(diào)整字體。不要試圖使它變得更胖，更高或更薄。選擇一個(gè)新的字體代替。
類型設(shè)計(jì)師努力創(chuàng)建一個(gè)一致的字符集，這些字符是可讀的，適合字體的樣式。不要嘗試改變一組字符的外觀。你不會(huì)改進(jìn)它們，并且通常會(huì)使流程中的類型混亂。
如果一個(gè)字體不太適合你需要的方式，尋找別的東西。嘗試使用Identifont類似的字體工具來(lái)識(shí)別具有相似外觀的字體，以選擇在項(xiàng)目中可能會(huì)更好的其他選項(xiàng)。
對(duì)比
設(shè)計(jì)與對(duì)比使用排版。正如您將使用不同的大小來(lái)創(chuàng)建層次結(jié)構(gòu)，考慮不同的字體權(quán)重，顏色和樣式，以提供視覺(jué)興趣。
顏色是創(chuàng)造對(duì)比度的最有效和簡(jiǎn)便的方式之一。理想的對(duì)比是在淺色背景(或相反)上的深色文字。有幾個(gè)無(wú)限數(shù)量的顏色選項(xiàng)可以幫助您實(shí)現(xiàn)這一點(diǎn)。當(dāng)使用顏色和排版時(shí)，請(qǐng)注意，一些顏色組合，如右藍(lán)色亮紅色，真的很難閱讀。尋找在光與黑暗，活力和飽和度方面不同的組合。
當(dāng)談到對(duì)比，簡(jiǎn)單的背景通常最適合給予文本空間閱讀。但如果背景包含視覺(jué)元素，如圖像或圖案，則會(huì)產(chǎn)生大小字體的凹凸，以創(chuàng)建背景和前景文本元素之間的距離。
測(cè)量事項(xiàng)
度量是保存文本的容器的大小。這可以是多列格式的整個(gè)文本框或單列的寬度。
措施重要，因?yàn)槠聊簧系淖址麛?shù)(包括空格，字形和標(biāo)點(diǎn)符號(hào))可能會(huì)影響可讀性。這個(gè)概念背后的理論是，如果線條太長(zhǎng)或太短，由于來(lái)自一條線路到下一條線路的不斷往復(fù)運(yùn)動(dòng)，用戶的眼睛可能會(huì)感到疲勞。
從印刷風(fēng)格的元素： “45到75個(gè)字符的任何東西被廣泛地認(rèn)為是在文本大小的襯線文本面中設(shè)置的單列頁(yè)面的令人滿意的長(zhǎng)度。66字符行(計(jì)數(shù)字母和空格)被廣泛認(rèn)為是理想的。對(duì)于多列工作，更好的平均值是40到50個(gè)字符。
這對(duì)于大多數(shù)項(xiàng)目來(lái)說(shuō)是一個(gè)很好的起點(diǎn)，盡管許多項(xiàng)目都傾向于稍大一點(diǎn)的類型大小，這會(huì)使字符數(shù)落在該范圍的較小端。
盡管移動(dòng)排版在該書(shū)首次發(fā)布時(shí)不是關(guān)心的，但是多列的指南是可以接受的起點(diǎn)。您甚至可以選擇稍微降低一點(diǎn)，并針對(duì)小屏幕每行更優(yōu)化35個(gè)字符。
【網(wǎng)頁(yè)設(shè)計(jì)中美麗的布局】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)中的F式布局07-18
網(wǎng)頁(yè)設(shè)計(jì)的布局08-13
網(wǎng)頁(yè)設(shè)計(jì)中該選哪種布局方式05-03
常見(jiàn)的網(wǎng)頁(yè)布局設(shè)計(jì)07-25
網(wǎng)頁(yè)設(shè)計(jì)布局的理解04-07
網(wǎng)頁(yè)設(shè)計(jì)布局方法01-31
網(wǎng)頁(yè)設(shè)計(jì)的布局理解02-25