易於阅读的文字编排二.ppt

易於閱讀的文字編排二;;;圖為直排一欄的範例 這是書籍最常見得版型 適合照片等圖像較少的版面;圖為直排四欄的範例 這種分欄法很適合將圖片做大小有別的安插 以此將版面編排得饒富節奏;圖為橫排兩欄的範例 使用這種分欄式的版型構造較單純 因此適合在要求整齊的設計中使用;圖為橫排三欄的範例 這也是一種常見的分類方式 但比起兩欄的版面 三欄更適合讓圖片大小有別 容許版面做更自由的編排;;;居中齊行適合在版面上所有要素需要居中的版面上使用 是一種具安定感的齊行方式;齊頭是詩或散文等重視換行點的文章最常用的齊行方式 雖然行頭對齊 但行尾會隨換行位置產生凹凸的形狀;齊尾是對齊版面右側或下方的齊行方式 由於行頭不對齊 並不適合用來編排篇幅長的文章;編排篇幅長的文章時 最常用的就是強迫齊行 圖為橫排時的(左右齊行) 在直排就叫做(上下齊行) 由於行頭行尾??對齊 看起來頗為整齊端正;;;從一行的基準點到次行的基準點之間的距離稱為(行高) 兩行之間的間隔距離則稱為(行距) 行高與行距的設定 攸關編排出來的文章是否易讀;行距太窄不僅將導致視線無法順暢地沿著文字的方向移動 在換行時也難以正確的銜接到下一行;主文行高的尺寸基本上應為文字級數的兩倍 在編排時應先試用兩倍前後的數值 再修正出最適合該成品的行高;適當的行高數值會因使用的字形而異 一般的原則是明體的行高應寬 黑體的行高應窄;;;字間的留白面積 應較文字中的留白大;行間的留白應設定得明顯較字間的留白大 或將字間的留白設定得明顯較行間的留白小;比起行間的留白 欄位之間(也就是分欄的版面中欄與欄之間的間隔)的留白英明顯較大;若能如圖確實遵守留白的大小順序 那麼編排出來的文章讀起來應該就輕鬆多了 ;這是一本有關旅遊的單行本內文版面 採用的是書籍常用的直排單欄排法 將照片放得較大有助於營造遊記應有的悠閒氣氛 編排這種文字量較多的成品時 成敗取決於字形與文字編排的設定 因此在上述兩方面宜盡量謹慎 ;這個版面的主文使用的字形為細明體(Ryumin pro R-Kl) 級數8.5pt 行高17.5pt 齊行方式為上下齊行 細明體是明體中感覺最清晰的字形;這是一個橫排三欄的雜誌版面 由於行長較短 有助於快速讀取版面裡的淺顯內文 另外 配置得宜的照片與小標賦予了整體設計的節奏感 成功提昇了版面的易讀性;這個版面得主文使用的字形為細黑體(Hiragino角黑pro w3) 級數8.5pt 行高17.5pt 齊行方式為左右齊行 細黑體是黑體中感覺最為清爽的字形 而且它的屬性較纖細 與粗體的小標購成了明顯的對比;統一線條寬度因應使用目的選擇線條樣式 並統一線條的寬度與形狀;;使用電腦能簡單的再版面中拉出各是各樣的線條 不過圖中這些特殊的線條將過度吸引讀者的注意 因此須審慎運用;粗線的力道較細線強 若粗細相同 色彩明度越低(也就是顏色越暗)力道也越強;文字也是線條的集合體 若使用和文字粗細相仿的線條 將使讀者的視線產生混淆;文字與線條的粗細明顯對比 能有效的避免兩者互相干擾 ;編排情報雜誌等要素繁多的版面時 可利用線條將要素整理的有條有理 這個範例中的線條有的用來做(區隔) 有的則用來做(連結) 一各版面裡使用的線條 種類最多應該限制在2至3種以內;用來做(區隔)的線條是點線 由於寬度較粗 為了避免干擾其他要素 因此使用較淺的灰色 用來做連結的線條則是細細的直線 扮演的是將專輯與歌手名稱等決定性要素結合為一體的角色 在使用複數種類的線條時 最重要的就是像這個範例一樣讓不同的線條有明顯得差異;以對稱營造安定感對人類而言 對稱的事物代表安定合諧的美;;最普遍的對稱形 就是這樣的鏡射般的形式 圖中的點線便是對稱軸 可沿該軸線的位置作左右 上下 或對角對稱的變化;沿對稱軸做炫轉所造成的排列也是對稱型的一種 若依一定的角度均等的複製這個旋轉 到最後所構成的如花瓣般的安定排列;平行移動所造成的排列也屬於對稱的範疇 這是設計常用的手法之一 效果很容易讓人覺得亮眼 有趣;在實際的平面設計中 最常用的就是這種將文章與圖像作左右對稱的編排的(居中)手法;這是個採左右對稱編排的報紙廣告版面 左右對稱式對稱型中最具有安定感的排列方式 企業或商品廣告若採用這種手法 有助於讓該公司或商品的信賴度獲得有效提升 算得上是一種較(保守)的手法;在這個範例中 即使抽離左右兩邊的人物照 整体構圖依然工整的朝中央對齊 左右人物與襯底的漸層色彩 均扮演著如外框班包圍中央重要要素的角色;這是個採上下對稱編排的CD包裝設計 與左右對稱不同的是 上下對稱在視覺上能製造出更遼闊的橫向對比 這個設計藉由將下圖到置史上下呈現相反的方向 更近一步誇張了這個比例;將要素作上下對稱的配置 將在版面??向的中央架構出一條對稱軸 製造分段的視覺效果 配置在中央的專輯名稱 在此的功能