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

印刷術(shù)是什么？

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

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

文字是網(wǎng)頁設(shè)計中最重要的部分，因為它直接影響到一個網(wǎng)站與讀者的方式。從大標(biāo)題和大膽的塊體小，文本在網(wǎng)絡(luò)上的各種應(yīng)用的核心通信方法…所以很自然的，有一個網(wǎng)頁設(shè)計師決定安排在網(wǎng)頁型是該網(wǎng)站的有效性的關(guān)鍵。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2015網(wǎng)站制作趨勢
一個專業(yè)的網(wǎng)站建設(shè)制作代碼平臺