香港二樓書店 > 設計的文法-忍不住想動手的平面設計書

香港二樓書店 > 今日好書推介

地圖+地圖創意遊戲 (附行旅世界地圖包)

定價650.00元
8 折優惠：HK$520

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

沒有庫存
訂購需時10-14天


			9789861361307
			柳曉陽
			如何
			2007年5月31日
			120.00 元
			HK$ 102

詳
細
資
料

* 叢書系列：IDEALIFE
* 規格：平裝 / 160頁 / 18.2*24.2 cm / 普級 / 全彩 / 初版
* 出版地：台灣

IDEALIFE

分
類

藝術設計 > 設計 > 設計概論

同
類
書
推
薦

詩意的宣言：設計?Design?????

第一次畫就上手的風景素描課：說走就走、邊走邊畫，比鏡頭更能在內心中留下景深的就是一支畫筆(好評改版)

西村仁機械加工製造套書（共五冊）：看懂工業圖面+加工材料+機械加工+工業製圖+治具設計

服裝製作基礎事典：打版、縫製專業技巧全圖解〔2022暢銷增訂〕

作字作法：日本文字設計的思考與過程

內
容
簡
介

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

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

設計的文法──忍不住想動手的平面設計書
Design Rules

伊達千代．內藤□□□□◎合著　柳曉陽◎譯

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

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

本書專為有以下需求的讀者編纂而成
?對設計有憧憬卻不是科班出身的人
?跟美編合作卻無法順利溝通的人
?剛踏入美工領域想打好根基的人
? 家有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年生於台北市，紐約大學美術系研究所畢業，曾長年旅居美日。目前從事設計、翻譯工作，並為特定媒體撰文。

節奏

平面設計也能營造出有如音樂般的節奏

　　平面設計可用音樂做比喻。尤其是特別搶眼、令人難忘的設計和暢銷的音樂或名曲之間，是有許多相似之處的。悅耳的節奏、創新的韻律、和魅力十足的旋律等等，在平面設計中悉數能找到可比擬的要素。

　　在此將說明的是如何以平面設計表現出上述要素之一的「節奏」。在設計時，只需將許多同樣形狀的要素朝不同的角度配置，便可以編排出一種節奏感。

　　若想表現出更複雜的節奏感，就需要複數形狀的要素來搭配了。重複配置的銳角三角形能營造出打擊樂器般的節奏，只要加上柔軟的曲線，便能增添一股彷如管樂器的長音般的柔和節奏感。

　　將同樣形狀的要素朝同一角度重複編排，並不會產生任何節奏（圖3）。在實際編排的要素是商品照片或文章時，大抵都很難做出任何角度上的變化。但只要在背景添加底紋般的圖樣，氣氛就大不相同了。

　　欣賞富節奏感的頁面一如聆聽節奏悅耳的音樂，能讓人感覺雀躍不已。尤其是在需要烘托出強烈的活潑氣氛時，這些營造節奏感的方法都能派上用場。

　　只要將許多同樣形狀的要素朝不同的角度配置，便可以為版面編排出一種節奏感。

　　以複數形狀的要素做搭配，能表現出更複雜的節奏感。效果和管弦樂或樂團的合奏如出一轍。

　　將同樣形狀的要素做重複編排時，若不改變角度，是無法營造出節奏感的。這個版面的感覺彷彿靜止的無聲狀態。

　　只需在背景襯上具節奏感的要素，便能為圖3這樣的版面烘托出節奏感。

目
錄

Step １

建立條理
整理資訊
接近與分隔
整列．對齊
視覺動線
重複．複製
活用直線與曲線
重心與平衡
字形．字體
易於閱讀的文字排列
統一線條寬度
以對稱營造安定感
設定邊界活
用格線
Column完形法則

Step ２

添加變化
留白
粗細
大小
動態
去背
界線
點綴
立體 C
olumn黃金比例法則

Step ３

凸顯
反差
明暗
差異
孤立
放射
軟硬
臉孔
column費茨法則

Step ４

設計技巧
節奏
比例
數量感
誇張化
材質感
花紋
擬態
加工
故事性
column艾得瑪法則

Step ５

關於色彩
色彩的基本知識
色彩的辨識度
色調和諧的配色
以配色營造形象
強調色的用法

序

設計的第一步，是理解成品的用途，並在分析各要素後做最妥當的配置

　　若是為了商業行為，而非單純為嗜好或創作而設計，成品中隨設計產生的「效果」就必須清晰可見。為此，在著手設計前，必須先就成品的內容做一番理解與整理。

　　這個階段可分為「理解」、「分析」、與「配置」三個步驟。為了方便讀者理解，在此將以一份為某社團所設計的聖誕派對傳單為例做解說。（圖1）

　　第一個步驟是「理解」。此時必須先檢討這成品是為何時、為誰、為何處設計、該如何呈現、該達成什麼目的、以及該如何達成這個目的等問題，並理出明確的答案。（圖2）

　　在「理解」之後，接下來就開始進行「分析」。此時需要釐清這個成品裡最重要的內容是什麼，並依重要程度為所有要素整理出順序。（圖3）

　　另外，在「分析」的過程中，對所有要素均需逐一深究。由於這份成品的目的，是吸引更多人來參加活動。因此若僅以「請來參加派對」幾個字來呈現這個最重要的目的，吸引力或許略顯不足。不過與其改用「保證精彩」或「竭誠歡迎您的加入」等文案，或許利用平面設計（也就是視覺效果）要來得更具吸引力；這就是設計最能發揮力量的時候。（圖4）

　　以上為這份聖誕派對傳單的原始內容。如果不做任何設計，將難以吸引人。

　　先將活動的時間、對象、地點，以及該如何呈現、該達成什麼目的、以及該如何達成這個目的整理出如上圖的表格，以正確理解成品的內容，再進行到下一個步驟。

　　分析出圖1中的內容的重要程度。這個成品中最重要的訊息是即將舉行聖誕派對，接下來是派對的日期與時間，其他的訊息的重要程度則比較低。

　　光憑文字難以表達的歡樂與熱鬧氣氛，只要以這種方式便能迅速傳達。這就是「設計」的力量。

　　同樣的，此時不妨把日期與時間一併做視覺化處理。如此一來，它們不僅能將活動時間傳達得更清楚，還能成為營造出派對歡樂氣氛的小道具。（圖5）

　　至於活動場所的訊息，除了列出地址之外，加上一張地圖或許更能幫助讀者理解。這也是個將情報視覺化的例子。（圖6）

　　在完成要素的分析後，最後剩下的就是「配置」。具體而言，這個步驟就是將做過分析的要素陳列出來，但過於單純的陳列可能將使版面流於單調（圖7）。因此在此需要注意的，是將重要的訊息放大，並將不重要的訊息盡量縮小。好比一個地方若環境過度喧譁，那麼與人交談時嗓音再大，恐怕都難以讓對方聽清楚。因此宜將重要度低的要素盡量縮小，好讓周遭安靜些。由於傳單是拿在手上看的，因此使用小一點的文字應該不會是個問題。如此一來，頁面將出現若干留白。適度的留白不僅讓訊息易於閱讀與傳達，同時還能騰出置入圖案或插畫等要素的空間；這個範例就置入了一些具聖誕氣氛的美麗圖案（圖8）。

　　經過上述三個步驟後，設計的基本作業便大功告成了。與原本的編排相比，應該不難看出經過設計的效果。

　　將時間與日期中最重要的部分視覺化，不僅能更有效地傳達訊息，還能成為將整個版面烘托得更為華麗的設計要素。

　　與其以小字呈現地址和交通指示，不如利用地圖要來得清楚。要有相當程度的設計能力，方能以最簡潔的要素繪製出一幅清晰易懂的地圖。

　　編排版面並不是將一切要素塞進版面就好。如果每個要素都被過度凸顯，這個成品反而會失去焦點，難以達成傳達訊息的目的。

　　適度調整所有要素的大小，再做妥當的整理與配置，方能製作出一個清晰易讀、清楚傳達訊息的成品。以上就是設計作業的基本流程。

接近與分隔

將共通的要素集合在一起，將版面整理得更易於閱讀

　　讓讀者感覺版面條理分明，其實並沒有多困難。理由是人類看到任何東西時，總會下意識地試圖從中看出某種條理或意義。這種現象叫做「完形（Gestalt）心理」，指的是人類看到任何東西時都不會將之當成獨立的要素，而是視為某個更大的整體或某種秩序中的一環。

　　例如在看到一堆混雜的長方形時，在辨識出一個個長方形之前，會先看出這些長方形所堆砌出來的大區塊（圖1）。或者是在規則排列的圖形中，下意識地辨識出形狀相同的元素，並看出由它們所拼湊成的形狀（圖2）。為了在實際的設計中讓讀者感覺出這種「條理」，最簡單也最淺顯的方式就是「接近」，也就是將欲讓人感覺整齊的要素配置得彼此接近。例如在編排名片時，就必須考量要把哪些要素編排的近一些，才能讓讀者感覺條理分明。缺乏條理的配置，會使人閱讀起來感到混亂，難以找到重要的訊息（圖3）。在編排名片時，若能將姓名、職稱、地址、電話、與傳真號碼接近編排，看來便顯得井然有序，便於閱讀（圖4）。相反的，不相關的要素便應盡量保持距離。或許大多數人都會下意識地為各種要素做這種分合的整理，在為設計做思考時，更需要隨時本著這個邏輯做編排設計。

　　肉眼在辨識出個別的長方形前，會先注意到中央的空白部分。

　　眼睛會先認出以同樣形狀排列而成的十字架，而非逐一辨識每個圖形。

　　在閱讀這種名片時，視線必須四處移動。

　　若適當地將相關要素做接近排列，搜尋起情報時便能更省力，版面也顯得更為整潔。

　　這是一張有關聖誕節活動的告示海報。當情報如此繁多時，必須巧妙地將各要素做接近、分隔。在這個範例中，活動情報被集中在紅色矩形內，與其他要素做了清楚的區隔。另外，依屬性將活動項目做接近編排，也能幫助讀者迅速找到想得知的情報。

遵守「格線」能有效提升頁面整齊度

　　「格線系統（grid　system）」指的是以格線（grid）將頁面整體做分割，再將文章或照片等嵌入這些格線內的編排邏輯，是一種歐洲在1950年左右開始採用的手法。格線的基本形狀為矩形，將文章或照片嵌入這些矩形的框架中，在視覺上能製造和諧整齊的美感。

　　著手設計前事先制定格線，不僅能維持頁面內的秩序，與自由編排相較，在配置要素時也能一氣呵成，對縮短製作時間頗有助益。再者，由於這個手法合理性十分高，因此適合用在文字量大，特別是頁數多的成品上。實際上在製作雜誌或書籍等時，第一步幾乎都是遵循格線制定版型。設定格線並沒有一定的格式和規則，只要依成品的內容決定矩形尺寸與分割數便可。一本書有可能使用不只一種格線，也可能將矩形的大小設定成不均等、或在配置要素時讓某些部分超出既定的格線。

　　想將要素編排整齊，將文章和照片等要素配置在矩形的框架內是個極有效的方法。因此格線的基本形狀就是矩形。

　　這是３Ｘ４的格線規劃。這是編排三欄的橫排文章時常用的格線。

　　這是２Ｘ３的格線規劃。格數越少，設計看起來也最為整齊固定，但相對的編排自由度也隨之降低。

　　這是４Ｘ６的格線規劃。格數越多，要素配置的自由度也越高，但須注意文章的換行距離亦將隨之變短，可能會變得不易閱讀。

　　利用左頁幾種格線做實際編排的範例。可以看出即使採用相同的格線，只要改變文字和照片的配置方式，便可衍生出形形色色的不同版本。

營造反差，是凸顯特定要素的不二法門　　

　　「反差」（contrast）指的是複數要素間的差異，也就是不同點。差異越大反差越鮮明，並能讓特定要素獲得凸顯，使讀者產生強烈印象。反之，差異越小則反差越弱，要素之間的區別也較不明顯。有許多手法能營造出反差，其中最容易為人注意到的就是調整明暗反差。照片也是如此，明暗反差越清楚的越容易引人注目。文字也是一樣，顏色越深暗背景卻越明亮（或顏色越明亮背景卻越深暗），越容易吸引到讀者的目光。調整不同要素的大小也是種製造反差的方法。就文字而論，在同樣字體的情況下，線條粗者感覺較強硬，細者則感覺較纖細，同時使用粗細不同的字體便能有效營造出反差。另外，凡是能彰顯「差異」的，如密度與使用的顏色等，也悉數能用來營造反差。欲加強反差以凸顯特定部分時，重要的是將強烈反差侷限在特定部分。同時凸顯太多項目，最終將導致整體反差顯得不夠強烈，因此宜將需要凸顯之處集中在少數區域。控制適量的反差，不僅有助於引人目光，更重要的是能讓讀者輕輕鬆鬆地將內容讀完。這是一個反差強烈的範例。最暗的黑在最亮的白的襯托下，有效達到凸顯的效果。

　　這是一個反差微弱的範例。本圖顯示明暗差異若小，則凸顯效果低。

　　這是以大小營造出反差的範例。小正方形，能使大正方形獲得更強烈的凸顯。

　　這是以文字營造出反差的範例。將粗細不同的文字配置在一起，能有效彰顯差異。

　　這是一份使用高反差照片設計的免費贈閱刊物之封面。低明度的黑搭配高明度的色彩，成功地凸顯了標題。照片也經過去除灰階的加工，呈現出黑白反差強烈的高反差效果。同時，照片的白色部分則以背景相同的顏色取而代之，以維持版面的一體感。

內
容
試
閱

* 讀者評鑑等級：

5顆星
* 推薦人數：2，共有2位網友寫書評。
*

我要寫書評

1.
普奇羊
/ 台灣台北
2009.06.28看普奇羊的所有評論
評鑑等級：

5顆星
非常好的一本書
封面和彩色內頁的精緻度值得收藏

我是個單純對設計繪圖有興趣的人
這本書給我很大的建議
豐富的案例也很清楚表達出作者的想法,怎麼樣做會更多元精緻
整體質感非常的棒!
2.
蔡芳如
/ 台灣台北
2007.06.02看蔡芳如的所有評論
評鑑等級：

5顆星
本身是位廣告設計者，然在歷經十數年的實際工作經驗後，忽覺本身已無法再進步停滯不前，後輩陸續的追趕過我，於是進入在職進修學校，才猛然發覺有老師點通觀念是何其的重要；有了這本如老師般的設計文法書，相信不論學生，或是從事設計工作的先進或者後輩，絕對會受用無窮；那種遇見瓶頸後的恍然大悟，我想設計者都該知道是何等的喜悅。
所以我鄭重推薦給喜歡設計的人，擁有它你就已懷抱著夢想。

書
評

	其他著作
1.	日本人這樣學歷史：幕末日本 (幕末．維新 ~ 現代篇)

2.	罪與罰

3.	戰爭與和平

4.	Google既有商業模式的破壞者

5.	設計的寶庫：日本傳統文樣250(附CD-ROM)

6.	設計的技術104