書摘 // 設計的上下左右

設計的上下左右:頂尖設計師教你學平面設計,4個不可不知的設計法則
The Non-Designer’s Design Book, 3rd Edition

作者:羅蘋.威廉斯
原文作者:Robin Williams
譯者:張妤菁
出版社:臉譜
出版日期:2009年05月08日
語言:繁體中文 ISBN:9789862350256
裝訂:平裝




設計四原則:相近、對齊、重複、對比

叫得出名字是駕馭事物的關鍵。優質的設計要記住三個項目:
(1)學習原則;(2)當你忘了運用這些原則時,要有所警覺;(3)應用這些原則。

相近


相關聯的項目要群聚分組,它們會成為同一個視覺單元,目的是為了建立次序,讓資料有層次,有易讀性。同版面不要有太多分散的東西,而不相干的項目要距離遠一點。

對齊


是為了讓版面一致,有次序。會讓項目間產生視覺上的關聯,因對齊而產生的醒目邊緣有助於版面的編排效果。要為每個項目找到對齊的對象。一般而言,內文請嚴守同一種對齊方式。有設計感的作品是較少用居中對齊的。

重複


重複運用顏色、形狀、質感、空間配置、線條粗細、字體、大小、圖像概念…等項目,以統整,並提高視覺吸引力。有了重覆項目之後,其他項目略作變化,依然能有一致性的效果。

對比


字體、顏色、 大小、線條粗細、子體、形狀、留白等項目不相同,作品將非常突出。如果兩個項目不是真的一模一樣,一定要凸顯出相異,使兩者完全不同。對比可以讓版面吸引讀者,並幫助讀者了解資料的整體架構。別當軟腳蝦!

色彩運用


  • 原色:黃、紅、藍
  • 間色(以上三者的中間):綠、紫、橙
  • 複色(以上六者的中間):橘黃、橘紅、紫紅、藍紫、藍綠、黃綠
  • 色彩關係:補色(180度)、三色組(120度)、分裂補色三色組(Y型,)


設計技巧


名片設計

  • 間色不要用太多次,少少的畫龍點睛就好
  • 常用7、8、9、10點的字體
  • 有些字眼可以省略,如 "Emil"、"Website",地址不要寫縮寫,不要用括號,不然會有凌亂感

信箋抬頭與信封

  • 不要用Times、Arial或Saind字體
  • 避免括號、縮寫與不必要的字
  • 版面上要有視覺重點,避免抬頭居中對齊的單調編排
  • 使用第一頁的小設計項目來設計第二頁

廣告傳單

  • 有有大而強列的視覺焦點
  • 有對比效果的小標讓讀者快速理解內容
  • 使用重覆的字體
  • 別讓文字在奇怪的地方斷行,避免使用連字符號

通訊刊物

  • 最重要是:一致性。
  • 主要訊息下的次要資料,用7點或8點的字體即可。
  • 中文縮排通常是空一到兩格。
  • 英文縮排部份,第一段不要段首縮排,緊接著小標的段落也不應縮排。
  • 縮排用一個全字寬的距離(約兩個字母)。段落之間用增加空行或段首縮排來區隔,但不要兩個都用。
  • 有些時候版面上端高底不齊,這時請優先採用文字齊底,而先不考慮上端對齊
  • 留白是可以被接受的
  • 別用太多Arial字體
  • 選一種對齊方式,然後堅持到底
  • 推荐的標題字型:Eurostile, Formata, Syntax, Frutiger, Myriad
  • 推荐的內文字型:古典體 Garamond, Jenson, Caslon, Minion, Palatino;方塊襯線體Clarendon, Bookman, Kepler, New Century Schoolbook

摺頁文宣

  • 別用12點的字
  • 摺頁的欄間大小要比通訊刊物的欄間大

明信片

  • 採用特殊尺寸(但要郵局可接受的)
  • 重點明確,由於吸引目光的時間很短,可考慮採用大膽明亮的配色

報紙廣告

  • 巧妙的標題,簡短的內容,資料清楚,不吝留白
  • 考量報紙的紙質,請不要用有細小精緻襯線的字體,或是線條極細,印刷時卻會變粗的字體
  • 盡量避免使用反白色,因為油墨暈開時,反白字會更細

網站

  • 網頁最大寬度800象素,表格最寬600象素,無需捲動畫面,就可點到瀏覽連結
  • 內文部份不要加粗內文,或讓它橫貫整個表單。每行長段要比印刷品上的短
  • 建議字型:Helvetica, Arial, Times, Tims Romes,但可更優先考慮在Mac系統中看得更清楚的Geneva, Verdana, Trebuchet, New York, Georgia.


字體設計


字體類別


  • 古典體 Oldstyle:有粗細的轉折與傾斜的圓弧,適合用於長篇內文。
    Goudy, Palatino, Times, Baskerville, Garamond
  • 現代體Modern:垂直的圓弧,水平的細襯線,粗細轉折明顯,不適合長篇內文,但有很耀眼的效果
    Bodoni, Times Bold, Onyx, Didot, Bold, Walbaum 
  • 埃及體Slab serif:水平的粗襯線,垂直的圓弧,筆劃粗細不明顯。適用於內文,常用於童書中。
    Clarendon, Memphis, New Century Schoolbook, Silica Regular Light Black.
  • 黑體Sains serif:無襯線,沒有筆畫粗細,無圓弧。(Optima是有粗給也有圓弧的黑體)
    Proxima Nova, Formata, Folio, Shannon Book, Bailey Sans, Syntax
  • 書寫體Script:分為連寫的、不連寫的、仿手寫印刷的、仿羽毛筆法的。
    Miss Fajarfose, Arid, Ministry Script, Fountian Pen, Emily austin, Cocktail Shaker
  • 裝飾體Decorative

字體對比


只用同一種字族的字體,就會產生和諧感;若多種字體相似愛不相同,就會產生干擾閱讀的衝突;對比則有利於美感、資料清晰度和架構,創造字體對比的方式包含:
  • 大小:要明顯,有時僅字首大寫相較於全部大寫,可以讓整行的字放得更大。
  • 粗細:重點字加粗也可作為內文的裝飾。
  • 結構:不要把同一字體類別的兩種字體搭配在同一版面上
  • 樣式:如大寫與小寫字母,正體與斜體的對比
  • 方位:垂直、水平或歪斜。
  • 顏色:若是黑白版面,字體的結構、樣式、空隙、間距、行間、字體大小、x大小,也可以呈現不同的顏色效果

留言

這個網誌中的熱門文章

免費的商用英文字型

工業設計書單