2013年1月21日 星期一

tips. basic grid

How to design quick basic grid:


  1. 決定紙張/顯示區域的大小
  2. 選擇字型:display & body text
  3. 將留白的部份放在邊緣
  4. 側邊界最少 12.7mm,19mm最理想,25mm算優雅,除非情況特殊,超過25mm有點浪費空間
  5. 上下邊界大於側邊界,下邊界大於上邊界
  6. 大量閱讀時,11pt or 12pt 為佳
  7. 長串文字的 leading (上下行距)最少為 body size的 10%,某些字需要更多
  8. 欄寬由 typesize 決定,若一欄內多於 65 characters,要去加寬 margin 和 gutter
  9. 讓 baseline grid 恰是 bodytext (line-space) size,將所有的文字與插圖與 baseline grid 對齊
  10. 將真實的文字填入後,離螢幕一段距離觀察這一頁的 "gray appearance",太黑時可考慮增加 leading,但通常需要在邊界增加留白
  11. 以對頁 (spreads) 的方式進行工作,這樣才能模擬讀者看到的情況;即使是封面,也要想想讀者翻過來看封底的情境
  12. 四邊最少留3mm的出血(bleeds),如果懷疑的話可以留 6mm
  13. 多欄文字時,寬的欄看起來較重要,窄的欄看起來較緊急,選字形的時候要小心不與前面這種第一印象衝突。若需要的話,可在一頁上混搭不同的欄寬。
  14. 頁碼或其他次要因素於此階段可加入考慮,此時可小心地排列以達到設計上的平衡


line-space = typesize + leading

平面設計中最簡單也最有力的觀念就是:所有的文字與插圖都最小的 line-space 鎖在一起,先定好最小的,再讓其他元素跟著變動。"built upwards from the line-space of the smallest typeface to be used in the design

display 的 line-space 應是最小 line-space 的倍數,最小的 line-space 也應是最小的欄間留白(inter-column spacing, gutter),若覺得欄間留白太窄,可酌量加寬。其他display的 inline-spaces應為最小inline-space的整數倍。

minimum line-space = minimum inter-column spacing

mind set:
 grid system 即是以 minimum line-space 為基數的方格紙,minimum line-space 需依照選用的字型變換 leading 決定,無固定公式。通常與最小的可讀文字段落有關,註解可視情況另外考慮。

illustrator:
Object/ Path/ Split into grid


reference: http://www.amazon.co.uk/Grids-Structure-Graphic-Design-Pro-graphics/dp/2880462770



沒有留言: