書摘 // 設計的上下左右
設計的上下左右:頂尖設計師教你學平面設計,4個不可不知的設計法則
The Non-Designer’s Design Book, 3rd Edition
作者:羅蘋.威廉斯
原文作者:Robin Williams
譯者:張妤菁
出版社:臉譜
出版日期:2009年05月08日
語言:繁體中文 ISBN:9789862350256
裝訂:平裝
設計四原則:相近、對齊、重複、對比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大小,也可以呈現不同的顏色效果
留言
張貼留言