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

印刷術是什么？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

牧羊人設計文章推薦：

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