印刷術(shù)是一個(gè)設(shè)計(jì)師可以擁有的最重要的技能之一…業(yè)內(nèi)資深人士多年來(lái)磨練他們的技術(shù)，你可以很容易地在一所大學(xué)的研究課題多年；但要真正開(kāi)始的最好的地方是哪里？今天，在我們的BASIX系列的最新，我們解釋一件簡(jiǎn)單的事情，對(duì)初學(xué)者介紹排版：為什么如此重要的網(wǎng)頁(yè)設(shè)計(jì)排版。

印刷術(shù)是什么？

印刷術(shù)是一門(mén)古老的學(xué)科，可以簡(jiǎn)單地解釋為將藝術(shù)與文字設(shè)計(jì)。印刷術(shù)最早的例子可以追溯到公元前1800年的古希臘，但印刷時(shí)代與第十五世紀(jì)中葉當(dāng)發(fā)明印刷機(jī)。
我會(huì)把歷史課短：字體的一個(gè)原因是重要的：因?yàn)樗窃O(shè)計(jì)師能與讀者的溝通的主要方式…無(wú)論介質(zhì)是一本書(shū)，印刷廣告，廣告牌，或電視節(jié)目版式是很重要的，因?yàn)樗囊曈X(jué)語(yǔ)言中的體現(xiàn)。

那么，什么是我們所說(shuō)的“Web版式”？
96%的因特網(wǎng)是由書(shū)面信息或文本。本文分為大和小的信息塊，分布在不同的頁(yè)面不同的格式。
所有這些資料寫(xiě)在一個(gè)網(wǎng)站的設(shè)計(jì)格式就是我們所說(shuō)的“Web版式”。

文字是網(wǎng)頁(yè)設(shè)計(jì)中最重要的部分，因?yàn)樗苯佑绊懙揭粋€(gè)網(wǎng)站與讀者的方式。從大標(biāo)題和大膽的塊體小，文本在網(wǎng)絡(luò)上的各種應(yīng)用的核心通信方法…所以很自然的，有一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師決定安排在網(wǎng)頁(yè)型是該網(wǎng)站的有效性的關(guān)鍵。

我們看到它的使用無(wú)處不在所有的網(wǎng)站都依靠文字來(lái)傳達(dá)他們的信息給讀者。然而，也有一些網(wǎng)站設(shè)計(jì)師往往在看排版的不可避免的重要性和只注重網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)或圖形的一部分。
Web版式不同的印刷字體如何？

使用的打印介質(zhì)如小冊(cè)子，印刷傳單，雜志，書(shū)籍或戶外媒體像極了標(biāo)牌和廣告牌是不同于使用它的電腦屏幕。從字體，屏幕是一種完全不同的媒介…與任何類(lèi)型的設(shè)計(jì)，你真的需要考慮，人們會(huì)看你的設(shè)計(jì)通過(guò)介質(zhì)。

當(dāng)你使用的字體在這樣的一本書(shū)的印刷設(shè)計(jì)，事實(shí)上，它將從一個(gè)相對(duì)較近的地方看給你玩的字體相當(dāng)?shù)哪芰σ驗(yàn)樗粫?huì)傷害太多的可讀性。如果您使用的是印刷的室外通信介質(zhì)的廣告牌和海報(bào)，你知道讀者只有一部分時(shí)間來(lái)查看板和消耗的是什么溝通，所以你不要亂用微調(diào)的字體多，相反你可能會(huì)專(zhuān)注于最初的印象類(lèi)型的可讀性。

然而，一個(gè)網(wǎng)站有完全不同的目標(biāo)。設(shè)計(jì)字體的計(jì)算機(jī)和網(wǎng)絡(luò)要求設(shè)計(jì)師將大量的信息在不同的段和亞段（微觀和宏觀排版）。同時(shí)，網(wǎng)頁(yè)是不恒定的它出現(xiàn)在不同的瀏覽器，不同的互聯(lián)網(wǎng)接入設(shè)備和不同的屏幕分辨率。所以Web版式必須處理好一些問(wèn)題，相比其他介質(zhì)。所以，在選擇自己的網(wǎng)站排版，設(shè)計(jì)師必須考慮的跨平臺(tái)性和可讀性。這些只是一小部分，一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師必須牢記當(dāng)接近一個(gè)網(wǎng)站的問(wèn)題。
Web版式是“信息設(shè)計(jì)”

 
當(dāng)涉及到網(wǎng)頁(yè)設(shè)計(jì)中，字體不限于選擇字體和奠定了它；它是藝術(shù)劃分成信息以這樣一種方式，讀者會(huì)有一個(gè)很好的機(jī)會(huì)找到感興趣的是什么…這是在網(wǎng)頁(yè)上的字體變得更像信息設(shè)計(jì)。
在Web版式是一樣關(guān)于組織型轉(zhuǎn)化為有效的，有意義的布局是使用杰出的字體。
注意到某一個(gè)文本塊，幫助用戶找到他們正在尋找的內(nèi)容，或安裝各種各樣的內(nèi)容到一個(gè)頁(yè)面都是通過(guò)印刷技能做。

的設(shè)計(jì)理念型不僅僅是清晰的，但也有意義的部分是什么使很多人關(guān)于網(wǎng)頁(yè)排版。任何人都可以輸入一段文字；更少的人可以使用像字母間距，行高和字體大小，給它一個(gè)意義的字符；…但最好的網(wǎng)頁(yè)設(shè)計(jì)師可以組織類(lèi)型在整個(gè)布局的方式，賦予意義的讀者，幫助引導(dǎo)他們?cè)谡麄€(gè)網(wǎng)站。
這就是我們所說(shuō)的印刷工藝的信息設(shè)計(jì)。

開(kāi)始設(shè)計(jì)排版系統(tǒng)，把它分為兩個(gè)不同的部分往往是有幫助的：
•宏觀排版，包括文本文檔的整體結(jié)構(gòu)
•微型印刷術(shù)，其中包括較小和較詳細(xì)的方面如字體、行高和間距等。
通過(guò)宏觀排版第一，它可以很容易畫(huà)出“大圖片”的設(shè)計(jì)中的類(lèi)型系統(tǒng)的元素。將導(dǎo)航在哪里？如何將類(lèi)型網(wǎng)站的布局？一列？?jī)桑扛嗨械闹饕慕Y(jié)構(gòu)規(guī)則，首先應(yīng)該明確。在這一點(diǎn)上你可以使用任何你想要的字體…但你可以開(kāi)始一個(gè)設(shè)計(jì)的大小和比例的感覺(jué)。

一旦你有了“大圖片”的概述，它的時(shí)間的方法，微觀排版。這是你開(kāi)始真正完善你的類(lèi)型系統(tǒng)定義的風(fēng)格元素如你主要的（和可能的二次）字體，如何將大標(biāo)題，如側(cè)邊欄的標(biāo)題，默認(rèn)大小段落文本，鏈接的顏色，等等。

網(wǎng)頁(yè)排版技巧
如果你是剛開(kāi)始作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，看著所有的網(wǎng)頁(yè)排版發(fā)生的瘋狂的事情可以是艱巨的。你可能有很多問(wèn)題，如：從哪里開(kāi)始？什么是對(duì)什么是錯(cuò)？有規(guī)則，我必須遵循？好消息是，在它的核心，網(wǎng)頁(yè)排版確實(shí)有一些一致的規(guī)則，你應(yīng)該知道的。以下是一些有用的提示，我已經(jīng)收集了用于創(chuàng)建網(wǎng)頁(yè)的有效型系統(tǒng)：
干凈、清晰的層次結(jié)構(gòu)

從思維型
排版的層次是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)很重要。把所有的不同的地方，你用文字在網(wǎng)站導(dǎo)航，標(biāo)題，段落，圖像標(biāo)題，側(cè)邊欄，等等。有很好的機(jī)會(huì)，有很多的文字！你要如何把這一切變成一個(gè)邏輯型系統(tǒng)？通過(guò)開(kāi)發(fā)一個(gè)類(lèi)型的層次結(jié)構(gòu)。
一個(gè)完整的層級(jí)讓你知道從哪里開(kāi)始閱讀，如何進(jìn)行閱讀，最重要的和不重要的頁(yè)面上的信息之間的差異。一個(gè)有效的類(lèi)型層次結(jié)構(gòu)，你不需要依賴(lài)文本放置了突出你的讀者首先要經(jīng)過(guò)。
閱讀更多關(guān)于理解層次

級(jí)聯(lián)版式是一致的
在印刷技術(shù)中，缺乏一致性是最常見(jiàn)和最重復(fù)的錯(cuò)誤，網(wǎng)頁(yè)設(shè)計(jì)師提交的這些天。一個(gè)平面設(shè)計(jì)師常常會(huì)精心設(shè)計(jì)每一頁(yè)的每一封信…但這是不必要的網(wǎng)頁(yè)設(shè)計(jì)。
而不是試圖手動(dòng)設(shè)計(jì)每個(gè)網(wǎng)站上的每一塊型，與級(jí)聯(lián)樣式表（CSS）心目中的概念設(shè)計(jì)。利用CSS的祝福和設(shè)置字體，大小，顏色，行距，整個(gè)網(wǎng)站的高度和你的排版等功能。

我早點(diǎn)說(shuō)，但是，讓我強(qiáng)調(diào)一點(diǎn)：杰出的網(wǎng)頁(yè)設(shè)計(jì)師不僅將圖像和文本粘貼到網(wǎng)頁(yè)布局。它需要良好的職業(yè)習(xí)慣讓勝利的網(wǎng)站設(shè)計(jì)；一個(gè)最好的職業(yè)習(xí)慣的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該是讀課文，然后放置在網(wǎng)頁(yè)布局。如果你有機(jī)會(huì)到文本的內(nèi)容，你會(huì)使用，避免將其粘貼在盲目。通過(guò)閱讀文本實(shí)際，你就可以讓內(nèi)容和設(shè)計(jì)更好的連接。
另外，當(dāng)你完成放置文本和其他元素的設(shè)計(jì)，使它成為一個(gè)點(diǎn)一遍為校對(duì)實(shí)踐，避免任何錯(cuò)誤或留下的東西。這是驚人的設(shè)計(jì)師忘記風(fēng)格一樣簡(jiǎn)單的事情列表如何往往因?yàn)樗麄兺ㄟ^(guò)設(shè)計(jì)階段。
宏觀和微觀排版–物質(zhì)！
一個(gè)成功的網(wǎng)頁(yè)設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該注意宏觀和微觀排版。即使是最好的布局，如果事情是對(duì)事物的“微”失蹤土崩瓦解…甚至最好的微型印刷術(shù)不會(huì)對(duì)讀者有用如果不放使用適當(dāng)?shù)暮暧^排版原則。兩者都是重要的！
很多設(shè)計(jì)師都特別好，在一個(gè)或另一個(gè)…所以，花點(diǎn)時(shí)間考慮你的強(qiáng)項(xiàng)是什么：宏觀或微觀的？然后盡你最大的努力來(lái)加強(qiáng)你的能力（通過(guò)實(shí)踐和對(duì)細(xì)節(jié)的關(guān)注！）在你脆弱的技能。
顏色和字體

 
這個(gè)不用說(shuō)，很多設(shè)計(jì)師，但文字的顏色是另一個(gè)需要考慮的因素。有網(wǎng)站將這一點(diǎn)視為理所當(dāng)然，使用的字體顏色，數(shù)百：
•    使字體很難讀
•    或很無(wú)聊！（乏味的顏色被浪費(fèi)的顏色）
你不需要去把整個(gè)彩虹橫跨頁(yè)面，你不需要使用什么可怕的紅色文字在綠色背景…只使用簡(jiǎn)單的，感性的色彩理論為你的字體是易讀和有趣的挑選顏色。記住，在大多數(shù)情況下，鏈接應(yīng)該是彩色的…它告訴人們他們可以點(diǎn)擊他們！

閱讀更多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的色彩理論。
設(shè)計(jì)與“文字直播”
停止使用Lorem存有！是沒(méi)有替代品的實(shí)際文本而設(shè)計(jì)的一個(gè)網(wǎng)站。雖然您可以使用虛擬文本要知道事情將如何布局中的樣子，只要你的網(wǎng)頁(yè)設(shè)計(jì)來(lái)完成，嘗試用實(shí)際的文本，您或您的客戶計(jì)劃使用在直播網(wǎng)站。只有這樣你才能同步設(shè)計(jì)與文本和確定影響到整體網(wǎng)站的樣子…即使在這個(gè)過(guò)程中，小的疏忽會(huì)導(dǎo)致在一個(gè)設(shè)計(jì)的薄弱點(diǎn)，所以花時(shí)間去調(diào)用一個(gè)項(xiàng)目“完成”前用文字直播！
顯示你的字體的個(gè)性

 
關(guān)于Web字體的美妙的一件事是，有各種各樣的方法途徑，每個(gè)設(shè)計(jì)師都有他或她自己的方式做事情，而沒(méi)有一個(gè)“正確”的方式在網(wǎng)絡(luò)式布局。型人格，就像你或你的客戶，所以不要害怕去玩你自己的創(chuàng)造性的變化，一旦你釘一個(gè)網(wǎng)站設(shè)計(jì)的BASIX。
閱讀更多關(guān)于如何選擇合適的字體
結(jié)論：熟能生巧
網(wǎng)頁(yè)設(shè)計(jì)需要你掌握一些東西，為了讓一個(gè)真正偉大的布局和排版，絕對(duì)是其中的一件事。一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師誰(shuí)真正了解排版的重要性將能夠達(dá)到成功的因素往往不是…和所有這些需要的是實(shí)踐來(lái)訓(xùn)練你的頭腦去看去任何給定的塊型最好的方式！排版是不是火箭科學(xué)，但它確實(shí)需要大量的工作，發(fā)現(xiàn)對(duì)于任何給定的項(xiàng)目最好的做事方式。
每天花一些時(shí)間去實(shí)踐嘗試以一篇文章，你真的喜歡和重新設(shè)計(jì)；設(shè)計(jì)自己的簡(jiǎn)歷，組合，任何你能找到的…只是用什么樣的想法，你可以去實(shí)踐，你會(huì)發(fā)現(xiàn)自己沒(méi)有變得更好！相信我，只要你了解的基本知識(shí)，它會(huì)成為一塊蛋糕！

牧羊人設(shè)計(jì)文章推薦：

2015網(wǎng)站制作趨勢(shì)
一個(gè)專(zhuān)業(yè)的網(wǎng)站建設(shè)制作代碼平臺(tái)