|
上文：柵格:從混亂到秩序
Jacci Howard Bear 的英文原文：
http://desktoppub.about.com/od/grids/l/aa_gridsunity.htm
人往往喜歡有條理的視覺(jué)信息
簡(jiǎn)報(bào)、雜志、宣傳冊(cè)、年報(bào)、以及書籍等通常包含諸多視覺(jué)元素：分欄文本、大標(biāo)題、照片、插圖、引文等等。柵格會(huì)幫助設(shè)計(jì)師在文檔中建立頁(yè)面之間的一致性。 讀者會(huì)期待頁(yè)碼出現(xiàn)在每一頁(yè)上的相同位置。一篇文章中的全部文字，即便它覆蓋于多個(gè)頁(yè)面，也一樣有一致的外觀，例如說(shuō)相同的欄寬，這樣可以提升可讀性。同樣的，讀者還往往會(huì)期待邊欄，說(shuō)明性的文字，以及其他重復(fù)出現(xiàn)的元素出現(xiàn)在頁(yè)面上的相同位置。
在一個(gè)多頁(yè)文檔的全部頁(yè)面中使用一致的柵格，讓設(shè)計(jì)師更易于提供讀者們通常會(huì)期待的一致性外觀。一個(gè)精心設(shè)置的柵格系統(tǒng)同樣可以引入變化，而不會(huì)犧牲可讀性和一致性。它同樣會(huì)加快排版的進(jìn)程，因?yàn)樵诜胖酶黜?yè)面元素的時(shí)候，你不必再小心翼翼的“試探”以及“回頭看看前面是怎樣做的”。
下面的頁(yè)面范例，顯示了如何在一個(gè)7列的垂直柵格中進(jìn)行一份新聞簡(jiǎn)報(bào)的圖文混排。注意圖一和圖二有著一致的版式（但是左右反轉(zhuǎn)了）。文本欄占兩個(gè)單元格寬度。一個(gè)單元格有更多的欄空，用于把正文和邊欄分隔開(kāi)來(lái)。頁(yè)3（圖二中的右頁(yè)）的版式和前面兩頁(yè)好像沒(méi)多少共同點(diǎn)，但假如你看看隱藏在頁(yè)面背后的柵格系統(tǒng)（圖三），你會(huì)看到這三頁(yè)采用的都是同一個(gè)柵格系統(tǒng)。
圖 1: 左邊是7單元柵格的簡(jiǎn)報(bào)
圖二：7單元柵格的對(duì)開(kāi)頁(yè)簡(jiǎn)報(bào)
圖三: 隱藏于這兩個(gè)對(duì)開(kāi)頁(yè)簡(jiǎn)報(bào)之下的7單元柵格
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁(yè) 下一頁(yè) 柵格:一以貫之 [2]
|
第 1 頁(yè) 柵格:一以貫之 [1]
第 2 頁(yè) 
