close
商品編號:S0900004

設計的文法:忍不住想動手的平面設計書

譯者 柳曉陽
系列 IDEALIFE
出版日 2007-05-25
定價 $360
優惠價 79折 $284
  • 分享至
數量
無法銷售

內容簡介

聽到「設計」兩個字,大多數人或許會聯想到拍些漂亮的照片、並使用電腦編排文字或繪製商標等工作。也相信許多人因對漂亮的海報、或時髦的雜誌心懷憧憬,而立志成為設計師。的確,風格新穎、藝術性高的平面設計作品能讓人留下深刻印象。但任何平面作品都不是隨隨便便在偶然下完成的,其中其實存在著許多類似規則的「設計文法」。  不過,不論是大學美術系專科學校都沒教授這些文法。原因是這些規則其實應從實際工作中學習。大家都是在臨摹前輩設計師的技巧,或是聆聽美術總監的嚴厲訓誡中習得的。  遺憾的是,如今在迅速電腦化的設計業界,許多時候既結識不了值得學習的前輩,也遇不到嚴厲的美術總監。因為現在只要有電腦,一個人不論是在家裡或辦公室裡,都能輕而易舉地製作出印刷品。  身為設計師的筆者撰寫本書的用意,是期望能系統化地向讀者傳授根據自己的經驗所建立的「設計文法」。或許書中看不到「設計」在一般人觀念中的華麗形象。不過認識這些文法,將為你的設計工作奠定基礎,並使你的設計品質大幅提升。筆者撰寫本書的最大目的,就是期望它能成為你的好前輩,或是幫助你成長的美術總監。若讀完本書能幫助你從「設計」這份工作中體會到更多的樂趣,筆者將深感與有榮焉。  

日本知名美術設計大師傾囊相授!
如何看懂、做好,或與設計者溝通的第一本書

讓人眼睛一亮、印象深刻的作品,絕不是偶然的產物
設計就像語言,其實有「文法」可循,不必盲目摸索
一本最精彩、簡單,在日本暢銷一整年的設計文法書,
不僅讓你一讀即通,還能帶你觸類旁通、豁然開朗。

本書教你學校或前輩不曾教你的實用技巧
不管想從事設計、剛從事設計、設計遇到瓶頸,或是身為設計的指導者或決策者
本書都是值得你仔細探究的超級實用書

本書專為有以下需求的讀者編纂而成
✓對設計有憧憬卻不是科班出身的人
✓跟美編合作卻無法順利溝通的人
✓剛踏入美工領域想打好根基的人
✓家有MAC卻不知如何運用的人
✓多年的專業設計師卻遇到瓶頸的人
✓身為指導者卻千頭萬緒,不知如何傳達的人







作者介紹
伊達千代
專業平面設計師、專業技術撰稿人。擁有basic trainer資格,也從事與平面設計有關的教授課程。著有《Mac Fan Special 8 Adobe Illustrator 8.0實踐技巧》《Mac Fan Special 11 Adobe Illustrator 9.0》《Mac Fan Special 14 Adobe Photoshop 6.0》等等。

内藤タカヒコ
專業平面設計師、專業雜誌撰稿人。曾任職於設計公司與出版社,獨立創業後至今為自由接案的設計師,並為《Mac Fan Special》與《速效圖解》等雜誌撰稿。


【譯者簡介】柳曉陽
1968年生於台北市,紐約大學美術系研究所畢業,曾長年旅居美日。目前從事設計、翻譯工作,並為特定媒體撰文。

看更多

規格

商品編號:S0900004
ISBN:9861361307
頁數:160,開本:2,裝訂:1,isbn:9861361307
看更多

試閱

整理資訊
設計的第一步,是理解成品的用途,並在分析各要素後做最妥當的配置
 若是為了商業行為,而非單純為嗜好或創作而設計,成品中隨設計產生的「效果」就必須清晰可見。為此,在著手設計前,必須先就成品的內容做一番理解與整理。
 這個階段可分為「理解」、「分析」、與「配置」三個步驟。為了方便讀者理解,在此將以一份為某社團所設計的聖誕派對傳單為例做解說。(圖1)
 第一個步驟是「理解」。此時必須先檢討這成品是為何時、為誰、為何處設計、該如何呈現、該達成什麼目的、以及該如何達成這個目的等問題,並理出明確的答案。(圖2)
 在「理解」之後,接下來就開始進行「分析」。此時需要釐清這個成品裡最重要的內容是什麼,並依重要程度為所有要素整理出順序。(圖3)
 另外,在「分析」的過程中,對所有要素均需逐一深究。由於這份成品的目的,是吸引更多人來參加活動。因此若僅以「請來參加派對」幾個字來呈現這個最重要的目的,吸引力或許略顯不足。不過與其改用「保證精彩」或「竭誠歡迎您的加入」等文案,或許利用平面設計(也就是視覺效果)要來得更具吸引力;這就是設計最能發揮力量的時候。(圖4)

圖1 以上為這份聖誕派對傳單的原始內容。如果不做任何設計,將難以吸引人。
圖2 先將活動的時間、對象、地點,以及該如何呈現、該達成什麼目的、以及該如何達成這個目的整理出如上圖的表格,以正確理解成品的內容,再進行到下一個步驟。
圖3 分析出圖1中的內容的重要程度。這個成品中最重要的訊息是即將舉行聖誕派對,接下來是派對的日期與時間,其他的訊息的重要程度則比較低。
圖4 光憑文字難以表達的歡樂與熱鬧氣氛,只要以這種方式便能迅速傳達。這就是「設計」的力量。

 同樣的,此時不妨把日期與時間一併做視覺化處理。如此一來,它們不僅能將活動時間傳達得更清楚,還能成為營造出派對歡樂氣氛的小道具。(圖5)
 至於活動場所的訊息,除了列出地址之外,加上一張地圖或許更能幫助讀者理解。這也是個將情報視覺化的例子。(圖6)
 在完成要素的分析後,最後剩下的就是「配置」。具體而言,這個步驟就是將做過分析的要素陳列出來,但過於單純的陳列可能將使版面流於單調(圖7)。因此在此需要注意的,是將重要的訊息放大,並將不重要的訊息盡量縮小。好比一個地方若環境過度喧譁,那麼與人交談時嗓音再大,恐怕都難以讓對方聽清楚。因此宜將重要度低的要素盡量縮小,好讓周遭安靜些。由於傳單是拿在手上看的,因此使用小一點的文字應該不會是個問題。如此一來,頁面將出現若干留白。適度的留白不僅讓訊息易於閱讀與傳達,同時還能騰出置入圖案或插畫等要素的空間;這個範例就置入了一些具聖誕氣氛的美麗圖案(圖8)。
 經過上述三個步驟後,設計的基本作業便大功告成了。與原本的編排相比,應該不難看出經過設計的效果。

圖5 將時間與日期中最重要的部分視覺化,不僅能更有效地傳達訊息,還能成為將整個版面烘托得更為華麗的設計要素。
圖6 與其以小字呈現地址和交通指示,不如利用地圖要來得清楚。要有相當程度的設計能力,方能以最簡潔的要素繪製出一幅清晰易懂的地圖。
圖7 編排版面並不是將一切要素塞進版面就好。如果每個要素都被過度凸顯,這個成品反而會失去焦點,難以達成傳達訊息的目的。
圖8 適度調整所有要素的大小,再做妥當的整理與配置,方能製作出一個清晰易讀、清楚傳達訊息的成品。以上就是設計作業的基本流程。




 
接近與分隔
將共通的要素集合在一起,將版面整理得更易於閱讀
 讓讀者感覺版面條理分明,其實並沒有多困難。理由是人類看到任何東西時,總會下意識地試圖從中看出某種條理或意義。這種現象叫做「完形(Gestalt)心理」,指的是人類看到任何東西時都不會將之當成獨立的要素,而是視為某個更大的整體或某種秩序中的一環。
 例如在看到一堆混雜的長方形時,在辨識出一個個長方形之前,會先看出這些長方形所堆砌出來的大區塊(圖1)。或者是在規則排列的圖形中,下意識地辨識出形狀相同的元素,並看出由它們所拼湊成的形狀(圖2)。為了在實際的設計中讓讀者感覺出這種「條理」,最簡單也最淺顯的方式就是「接近」,也就是將欲讓人感覺整齊的要素配置得彼此接近。例如在編排名片時,就必須考量要把哪些要素編排的近一些,才能讓讀者感覺條理分明。缺乏條理的配置,會使人閱讀起來感到混亂,難以找到重要的訊息(圖3)。在編排名片時,若能將姓名、職稱、地址、電話、與傳真號碼接近編排,看來便顯得井然有序,便於閱讀(圖4)。相反的,不相關的要素便應盡量保持距離。或許大多數人都會下意識地為各種要素做這種分合的整理,在為設計做思考時,更需要隨時本著這個邏輯做編排設計。

圖1 肉眼在辨識出個別的長方形前,會先注意到中央的空白部分。
圖2 眼睛會先認出以同樣形狀排列而成的十字架,而非逐一辨識每個圖形。
圖3 在閱讀這種名片時,視線必須四處移動。
圖4 若適當地將相關要素做接近排列,搜尋起情報時便能更省力,版面也顯得更為整潔。

這是一張有關聖誕節活動的告示海報。當情報如此繁多時,必須巧妙地將各要素做接近、分隔。在這個範例中,活動情報被集中在紅色矩形內,與其他要素做了清楚的區隔。另外,依屬性將活動項目做接近編排,也能幫助讀者迅速找到想得知的情報。
 
遵守「格線」能有效提升頁面整齊度
 「格線系統(grid system)」指的是以格線(grid)將頁面整體做分割,再將文章或照片等嵌入這些格線內的編排邏輯,是一種歐洲在1950年左右開始採用的手法。格線的基本形狀為矩形,將文章或照片嵌入這些矩形的框架中,在視覺上能製造和諧整齊的美感(圖1)。
 著手設計前事先制定格線,不僅能維持頁面內的秩序,與自由編排相較,在配置要素時也能一氣呵成,對縮短製作時間頗有助益。再者,由於這個手法合理性十分高,因此適合用在文字量大,特別是頁數多的成品上。實際上在製作雜誌或書籍等時,第一步幾乎都是遵循格線制定版型。設定格線並沒有一定的格式和規則,只要依成品的內容決定矩形尺寸與分割數便可(圖2,3,4)。一本書有可能使用不只一種格線,也可能將矩形的大小設定成不均等、或在配置要素時讓某些部分超出既定的格線。

圖1 想將要素編排整齊,將文章和照片等要素配置在矩形的框架內是個極有效的方法。因此格線的基本形狀就是矩形。
圖2 這是3X4的格線規劃。這是編排三欄的橫排文章時常用的格線。
圖3 這是2X3的格線規劃。格數越少,設計看起來也最為整齊固定,但相對的編排自由度也隨之降低。
圖4 這是4X6的格線規劃。格數越多,要素配置的自由度也越高,但須注意文章的換行距離亦將隨之變短,可能會變得不易閱讀。

利用左頁幾種格線做實際編排的範例。可以看出即使採用相同的格線,只要改變文字和照片的配置方式,便可衍生出形形色色的不同版本。
 
營造反差,是凸顯特定要素的不二法門  「反差」(contrast)指的是複數要素間的差異,也就是不同點。差異越大反差越鮮明,並能讓特定要素獲得凸顯,使讀者產生強烈印象(圖1)。反之,差異越小則反差越弱,要素之間的區別也較不明顯(圖2)。有許多手法能營造出反差,其中最容易為人注意到的就是調整明暗反差。照片也是如此,明暗反差越清楚的越容易引人注目。文字也是一樣,顏色越深暗背景卻越明亮(或顏色越明亮背景卻越深暗),越容易吸引到讀者的目光。  調整不同要素的大小也是種製造反差的方法(圖3)。就文字而論,在同樣字體的情況下,線條粗者感覺較強硬,細者則感覺較纖細,同時使用粗細不同的字體便能有效營造出反差(圖4)。另外,凡是能彰顯「差異」的,如密度與使用的顏色等,也悉數能用來營造反差。  欲加強反差以凸顯特定部分時,重要的是將強烈反差侷限在特定部分。同時凸顯太多項目,最終將導致整體反差顯得不夠強烈,因此宜將需要凸顯之處集中在少數區域。  控制適量的反差,不僅有助於引人目光,更重要的是能讓讀者輕輕鬆鬆地將內容讀完。  圖1 這是一個反差強烈的範例。最暗的黑在最亮的白的襯托下,有效達到凸顯的效果。
圖2 這是一個反差微弱的範例。本圖顯示明暗差異若小,則凸顯效果低。
圖3 這是以大小營造出反差的範例。小正方形,能使大正方形獲得更強烈的凸顯。
圖4 這是以文字營造出反差的範例。將粗細不同的文字配置在一起,能有效彰顯差異。
 這是一份使用高反差照片設計的免費贈閱刊物之封面。低明度的黑搭配高明度的色彩,成功地凸顯了標題。照片也經過去除灰階的加工,呈現出黑白反差強烈的高反差效果。同時,照片的白色部分則以背景相同的顏色取而代之,以維持版面的一體感。

close
貨到通知

close