contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/acu060400.pdf ·...

12
10 圖像設計的目的為何? 11 告訴我設計作業的流程! 12 何謂格線系統? 13 何謂黃金比例? 14 請教我構圖! 15 無法妥善編排版面裡的元素! 16 對稱的功能為何? 非對稱為何? 17 如何創造整體性設計? 18 需要替頁面創造律動感嗎? 19 請教我如何巧妙地安排留白! 20 何謂“跳躍率”? 21 照片的基本用法! 22 請告訴我插畫扮演的角色! 23 如何活用素材圖? 24 如何整理大量資訊? 25 何謂依照目標族群的設計? 26 請教我作簡報! 27 什麼是「通用設計」? 28 該如何了解流行的設計? 29 請教我如何設計名片! 30 請傳授我傳單、活動公告的設計秘訣! 31 請教我CD封面的設計秘訣! 32 請教我設計明信片! 33 請教我設計海報! 34 請教我設計手冊! 35 該如何設計雜誌版面? 36 請教我封面設計! 37 請告訴我報紙廣告的設計手法! 38 如何製作促銷用的POP海報? 39 平面設計師與藝術總監的工作領域有何不同? 42 如何選擇日文字型? 43 想了解具代表性的日文字型 44 想了解日文字型的經典用法 45 請告訴我日文排版的基礎知識-1 46 請告訴我日文排版的基礎知識-2 47 維持易讀性的秘訣-1 48 維持易讀性的秘訣-2 49 如何靈活地使用英文字體? 50 如何有效地使用英文字型? 51 應該收集哪些字型? 52 什麼字型才能與具有堅實感的設計匹配? 解決版面編排的疑難雜症 解決文字的疑難雜症 解決配色的疑問 解決影像校正.後製的疑問 解決標題.小標.背景色的 疑難雜症 解決軟體.工具上的疑問 印刷.輸出的疑難雜症 chapter 1 chapter 2 chapter 3 chapter 4 chapter 5 chapter 6 chapter 7 160個平面設計疑問解答 Q1 Q2 Q3 Q4 Q5 Q6 Q7 Q8 Q9 Q10 Q11 Q12 Q13 Q14 Q15 Q16 Q17 Q18 Q19 Q20 Q21 Q22 Q23 Q24 Q25 Q26 Q27 Q28 Q29 Q30 Q31 Q32 Q33 Q34 Q35 Q36 Q37 Q38 Q39 Q40 Q41 Q42 CHAPTER CHAPTER 1 2 解決版面編排的 疑難雜症 解決文字的 疑難雜症 contents page 2

Upload: others

Post on 14-Oct-2019

12 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

10 圖像設計的目的為何?

11 告訴我設計作業的流程!

12 何謂格線系統?

13 何謂黃金比例?

14 請教我構圖!

15 無法妥善編排版面裡的元素!

16 對稱的功能為何?

非對稱為何?

17 如何創造整體性設計?

18 需要替頁面創造律動感嗎?

19 請教我如何巧妙地安排留白!

20 何謂“跳躍率”?

21 照片的基本用法!

22 請告訴我插畫扮演的角色!

23 如何活用素材圖?

24 如何整理大量資訊?

25 何謂依照目標族群的設計?

26 請教我作簡報!

27 什麼是「通用設計」?

28 該如何了解流行的設計?

29 請教我如何設計名片!

30 請傳授我傳單、活動公告的設計秘訣!

31 請教我CD封面的設計秘訣!

32 請教我設計明信片!

33 請教我設計海報!

34 請教我設計手冊!

35 該如何設計雜誌版面?

36 請教我封面設計!

37 請告訴我報紙廣告的設計手法!

38 如何製作促銷用的POP海報?

39 平面設計師與藝術總監的工作領域有何不同?

42 如何選擇日文字型?

43 想了解具代表性的日文字型

44 想了解日文字型的經典用法

45 請告訴我日文排版的基礎知識-1

46 請告訴我日文排版的基礎知識-2

47 維持易讀性的秘訣-1

48 維持易讀性的秘訣-2

49 如何靈活地使用英文字體?

50 如何有效地使用英文字型?

51 應該收集哪些字型?

52 什麼字型才能與具有堅實感的設計匹配?

解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

160個平面設計疑問解答

Q1

Q2

Q3

Q4

Q5

Q6

Q7

Q8

Q9

Q10

Q11

Q12

Q13

Q14

Q15

Q16

Q17

Q18

Q19

Q20

Q21

Q22

Q23

Q24

Q25

Q26

Q27

Q28

Q29

Q30

Q31

Q32

Q33

Q34

Q35

Q36

Q37

Q38

Q39

Q40

Q41

Q42

CHAPTER

CHAPTER

1

2

解決版面編排的疑難雜症

解決文字的 疑難雜症

contentspage

2

ACU060400.indb 2 2011/12/27 下午 03:34:04

Page 2: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

160個平面設計疑問解答

目前為 bit的代表。兼任 TVCM導演之餘,同時從事企業公關影像製作、產品

設計、平面設計。2000年在「TAKESI的人們都是畢卡索」的節目裡被主持人

以數位設計師的身份介紹,2009年獲頒映文連 award最優秀技術獎。

http://www.occn.zaq.ne.jp/bit/chap/

Eye to Vrain Inc.的代表同時兼任創意總監,該公司於九州、夏威夷各分設了

一個據點,主要提供平面設計、網路、

影像、遊戲等跨領域服務,也出版了多

數與設計相關的書籍。著名事蹟為替

2008年北京奧運日本女子排球代表隊設計制服。目前活躍於全世界的設計業

界與廣告業界。

http://www.i2v.co.jp/

版面設計師、編輯。目前擔任東京設計

專門學校兼任教師,同時於 Far Ink股份有限公司服務。此外還擔任專門學校

的DTP講座。共同著作有『標準DTP設計講座基礎編』、『標準DTP設計講座 InDesign』、『Illustrator關鍵字設計事典』、『InDesign關鍵字設計事典』(以上皆為翔泳社出版 )。

2009年公司自「Mook House Jr(舊公司名 )」改名為「AZ One」,主要的業務為剪接.製作工作室。除了提供DTP、設計、網路製作的服務之外,也從事雜

誌、MOOK誌、型錄等紙本媒體的編輯作業。

http://az1.co.jp/

岩城賢幸目前主要的工作為雜誌、MOOK誌、型錄、手冊等版面設計。認

為版面不能只有華麗的設計,還

得兼顧文字的易讀性。

鈴木健太郎1986年於福島縣出生。因就業前往東京,正值懵懂就進入了

DTP業界。目前資歷僅 4年,還是菜鳥一族。

森川雄司以「美.有趣」為從事平面設計

的動機。興趣是「色旅」。接觸

大自然的顏色、吃不同顏色的食

物的旅行。每天都想為生活增添

屬於顏色的酸甜苦辣。

高田忍在AZ One服務約1年,之後跳槽至產銷公司,負責影像處理業

務。雖然對新環境還不適應,但

每天都能獲得不同的喜悅。

市野絢子目前服務於 AZ One的設計團隊,活躍於雜誌設計的領域。擅於將

過去練習的書法用於設計。

田地靖高AZ One的設計師。最近才知道自己的名字之所以有「靖」這個

字,全是因「鯖魚」太過美味而

命名。不論什麼領域,老一輩的

人真的很厲害。

Profile

(株)アズワン

作者簡介

大久保 聡

內村光一

生田信一AZ One

Satoshi Okubo

Koichi Uchimura

Shinichi Ikuta

6

ACU060400.indb 6 2011/12/27 下午 03:34:15

Page 3: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

160個平面設計疑問解答

聽到「能把工作交在小森手裡真

是太棒了」時,最讓人開心。

完成自己能接受的設計

(高野徹 )

由於現在是自由工作者,所以背

負著所有的責任,但也是這份工

作的有趣之處。

被人嚴格審視自己的工作是否對

目標有所貢獻時,最讓人感到膽

顫心驚。

(生田信一)

一直都得挑戰新工作,是件辛苦

的事。

(鈴木真梧 )

腸思枯竭時最讓人痛苦

(YAMADAJUNYA)

截稿期迫在眉梢的工作總是讓人

熬夜加班,生活步調也會亂得一

塌糊塗,這份工作的辛苦之處就

讓自己心中所想的畫面成為具體

的影像。

(高橋 TOSHIYUKI/ Graphic Arts Unit)

本書向專家們發出了各式各樣的問題,例如設計師的共識為何?在意的事為何?或者有什麼出人意表的

想法?這些或許都能成為工作上的靈感。

一直能遇到不同類型的工作。

商品設計的目標必定是提高業績

或是吸引人氣。目標達成的那一

刻總讓人興奮不已。

(內村光一)

(小森純子/Sasquatch Design Inc.)

(小森純子/Sasquatch Design Inc.)

在這裡。每個月的業績不

穩定也是很辛苦的部分。

(高野徹)

(鈴木真梧)

知性的愉悅

雖然每個人的狀況不同,但是如

果能夠在平面設計、影像、網路、

工業設計上努力,讓自己的觸角

伸向不同領域,應該就是件快樂

讓自己的工作具體成形。在書店

看到自己的作品,就會讓人更想

奮發圖強。

(市野絢子/AZ1)

的事了。 (大久保 聡/bit)

永遠沒有一個答案能解決這份工

作會遇到的所有問題。從會議裡

聽到別人的想法或是遇到迥然不

同的意見,都是相當快樂的事。

不能只沉醉在設計的世界裡,跟

顧客溝通之後,著手設計作品的

過程,才是令人感到快樂的地 方。看到顧客開心的表情時,當

天一定會來杯啤酒安撫一下心中

滿溢不止的成就感。

(山本浩司)

(生田信一)

向專家請益

請各位專家回答這份工作的快樂

之處為何?

請各位專家分享這份工作的辛

苦。

COLUMN 01

工作的﹁樂趣﹂

為何?

這份工作的﹁辛

苦﹂之處為何?

必須與世界、顧客並肩齊行的這

件事,讓我很開心。 (內村光一)

8

ACU060400.indb 8 2011/12/27 下午 03:34:26

Page 4: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

Question 解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

從版面編排、字型、配色的搭配來考量。(高野徹)

A.

要讓設計呈現整體性,是由版面編

排、字型、配色這三個元素來決定

的。

版面每個元素都是重點的結果,就

是版面變得渙散,視覺上失去一致

性,因此編排版面時,必須先訂出

作為主題的元素。

主題可以是照片、插圖這類的視覺

設計,也可以是標題這類的文字元

素。而其他的元素則依角色的重要

性決定大小。

讓元素的位置對齊可創造設計上的

群聚感,尤其在型錄這類同時以多

項元素為主題的版面裡,可透過交

叉垂直的格線對齊元素來創造版面

的整體性。

接著來談文字。文字有種種不同的

字型,依照內容來選用。選用過於

多種的字型將使設計失去整體性。

版面只選用單種的字型如明朝體或

歌德體,可讓設計呈現整體感,不

過有時會給人過於單調的感覺,所

以要利用文字的大小或是粗細為版

面增添些許變化。

最後談到配色。當然與字型一樣,

都得視內容來決定用色。選用過於

繽紛的顏色將會使版面變得凌亂,

所以最好是利用同色系統整色相,

並選用飽和度與亮度一致的顏色,

才能為版面創造更強的一致性。

1. 設定主題並對齊其他元素的位置。

2. 依照內容選用適當的字型與配色。

3. 統一使用的字型。4. 配色可選用同色系的色相,以及相同飽和度與

亮度的顏色。

文字的大小、位置都沒有規則,而且

字型與顏色也沒有統一。這種版面實

在相當凌亂。

以標題為主題,再以此為標準調整各

個元素的大小。選用的字型為 San Serif,配色則統一使用藍色系。

圓體字以及活潑的配色根本與古色古

香的畫面一點都不搭,破壞了畫面可

能的整體性。

選用與照片印象吻合的 Serif字型〔參見 Q39〕,配色選用咖啡色系。照片是左右對稱的畫面,所以文字也置中對

齊,這可為整個設計增添整體性。

創造整體性的重點

BEFORE AFTER

BEFORE AFTER

如何創造整體性設計?9

17

ACU060400.indb 17 2011/12/27 下午 03:35:02

Page 5: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

Question解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

160個平面設計疑問解答

要想讓讀者能輕鬆地閱讀型錄這類

具有大量資訊的媒體,必須從整理

資料著手。

首先從資料的分類記起,編輯資訊

可分成「單元標題、單元引言、圖

片、內文、版權宣告」等幾類。

商品資訊可分成「圖片、小標、商

品說明、訂單編號、顏色、尺寸、

素材名稱、洗滌需知、商品圖說」

等幾類。

店面資訊可分為「地址、電話、營

業時間、例假日、E-mail、網址」 等,商品資訊部分則需附註「商品

費用、顏色、素材、大小」等種類。

這些都必須記錄在型錄上的資訊,

俗稱「硬體資料」,或稱為「規格」

﹝圖 1﹞,有些編輯將這些資料交給設計師時,會標註「HD」的字樣。規格這類資訊不用佔太多版面,只

需要看得懂是哪種商品的規格即可。

如果已經知道要在型錄裡放入多少

商品,可以在草稿階段就決定版面

的結構。

如果想要讓消費者更了解商品的細

節,就不可以將商品縮得太小。要

想讓商品具有魅力,就得將版面排

得越清爽越好﹝圖 2﹞。過度的裝飾反而會掩沒了商品的優點。

依照商品圖片的大小來編排版面也

是相當重要的﹝圖 3﹞。可試著利用格線系統編排出具有固定規則、簡

單易讀的版面。

劃分出資料的位置,並且將資料分門別類後再進行設計。(小森純子/Sasquatch Design Inc.)

A.

1. 哪一項商品為主要的商品?

2. 以虛構的格線編排版面。3. 編排出越看越有趣的版面。

型錄設計的「規格

設計」。精巧易讀

的設計最重要。

這是滿版型錄設計的範例。即便

資料很多,版面仍然簡潔易讀。

首先從整理資訊開始吧!

這是 A4 大小的手冊,餐廳所有菜單都在同一版面裡。主要視覺設計是用來吸引顧客視線,而文字則整

齊地排列在版面裡,散置的菜單圖片則增添了版面的

趣味性。

首先從整理資料開始

如何整理大量資

訊?

16

1

2

3

24

ACU060400.indb 24 2011/12/27 下午 03:35:28

Page 6: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

1. 將英文字型當成次要字型使用,確認字型之間的主從關係。

2. 只有英文字型的設計可活潑地使用英文字型,創造設計的原創性。

3. 收集越多英文字型,越能讓設計變得五花八門。

Question解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

160個平面設計疑問解答

日文雜誌與英文雜誌最大的差異就

在於使用的語言是日文還是英文。

英文雜誌的版面通常是水平編排與

左開版面,與右開版面的日文雜誌

之間有著很大的差異性﹝圖 1﹞。最重要的是日本人能透過對「漢字」

的印象,瞬間了解整個頁面的內容,

而這也深深地影響了日式設計。

對英文字型而言,漢字就是一種

「KANJI 字元」的象形文字或是表徵符號,即便只是單一的漢字,其字

型的架構就充滿了存在的美感。漢

字本身存在著一種「圖案的視覺效

果」。這也是為什麼歐美人士會覺得

漢字 T恤的設計很有趣。

由於日文雜誌常使用英文字型,標

題與小標也常譯成英文,藉此讓英

文成為設計的一部分﹝圖 2﹞。因此版面裡常是日文字型與英文字型混

搭,導致讀者不知該如何閱讀。只

要將英文字型當成是次要設計,就

能完成美麗的設計。日文的顏色設

定為 100%以上,而英文字型則設定在 100%以下時,英文字型就會變成次要字型。

另一方面,如果只使用英文字型,

則可以試著使用得活潑一點,這樣

可大幅提昇設計的原創性﹝圖 3﹞。最近增加了不少字型開發商,所以

英文字型也增加了不少,而這些字

試著以日式風格使用英文字型。(小森純子/Sasquatch Design Inc.)

A.

如何有效地使用英文字型!

40型也成了替設計增添原創性的元

素。我們常透過英文字型突顯設計

風格。記得多收集一些英文字型。

英文字型可為設計增添醍醐味

CD 封面的設計。版面只有英文時,可試著替文字

做些改變,如此一來可大

幅提昇設計的原創性。

3

日文雜誌的版面。日文

字型的標題比較沒有震

撼力,可試著使用英文

字型輔助。如果英文字

型的存在感也很明顯,

就可能會使讀者不知該

從何讀起。

2

英文雜誌的版面。英文版

面通常以圖片為設計重點。

1

50

ACU060400.indb 50 2011/12/27 下午 03:37:12

Page 7: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

Question

解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

依照內容與目標讀者來配色。(高野徹)

A.

紅色給人溫暖的感覺,藍色給人寒

冷的感覺,顏色的確帶給人們心理

層面的影響。利用這些顏色的效果

來配色或決定設計的色調,就能有

效地傳達設計理念。

讓我們實際操練看看該如何配色

吧!

希望自己的設計能給人震撼的感覺

時,可以使用紅色或黃色這類亮度、

飽和度都很高的顏色來配色,也可

以附帶使用補色,創造更動態、更

爆炸性的效果。

如果想要給人沉靜的感覺,可以白

色為中心,儘量減少顏色的種類,

再利用同色系的顏色為版面創造整

體性,就能做出不錯的效果。如果

要創造自然的感覺,可以使用讓人

聯想自然景色的顏色,或者使用柔

和的大地色系進行配色。

如果是雜誌或商品這類有特定訴求

對象的設計,可依照性別與年齡層

配色。

舉例來說,要給人男性俐落沉穩的

印象,可以使用冷色系與灰色調的

顏色,而要呈現女性可愛開朗的氛

圍,則可以使用亮粉紅以及橙色。

不管訴求對象是男性還是女性,還

是得依照年齡層來配色,年齡層較

低的對象通常喜愛明亮、輕柔的活

潑色,而年齡層較高的對象則比較

喜歡亮度與飽和度較低的顏色,因

為這些顏色通常給人高級的感覺。

除此之外,餐飲店與旅行社相關的

廣告通常希望人們能感受到在地風

情與文化,此時可以試著從當地的

服飾、手工藝品、國旗的顏色、氣

候或自然環境來決定配色的方式。

爆炸性的配色 簡單沉著的配色

自然風配色 男性風配色

女性風配色 日式風格配色

設計與顏色之間的關係!61

1. 依照設計的訴求配色。2. 依照目標族群的性別與年齡配色。

3. 利用代表在地文化的顏色配色。

配色方式

73

ACU060400.indb 73 2011/12/27 下午 03:38:11

Page 8: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

Question

解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

160個平面設計疑問解答

視情況選用不同的去背法。(內村光一)

A.

Photoshop去背的第一步可說是製作選取範圍。或許一說到選取範圍,

大家就會想到利用矩形 或圓形

的選取工具,或是「套索工具 」

製作,但其實選取範圍還可透過種

種不同的方式製作 ﹝請參考P.120﹞。在此試著以複雜的圖片為範例吧﹝圖

1﹞。如果利用選取工具替這張圖製

作選取範圍,那可是一項浩大的工

程,甚至可以說是不可能的任務。

此時可以先複製圖片,然後貼到新

的色版裡﹝圖 2﹞,之後利用「亮度/對比」功能使要選擇的部分與多

餘的部分產生明顯的區隔﹝圖 3﹞。接著回到正常的圖層裡,再利用「載

入選取範圍」功能指定剛剛的色版

﹝圖 4﹞,就能製作出需要的選取範圍﹝圖 5﹞。

利用選取工具也難以製作選取範圍的圖片。

將圖片新增為新的色版。

利用「亮度/對比」功能製造差異性。

利用「載入選取範圍」功能指定色版。

選取範圍就完成了。

Question 如何完美地替複雜的影像去背?

86

1. 將圖片貼入新增的色版,再調整圖片的亮度與對比。

2. 利用「載入選取範圍」指定色版。

再複雜的圖片也能去背

Ps

3

4

52

1

98

ACU060400.indb 98 2011/12/27 下午 03:40:20

Page 9: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

調整環境光與顏色的飽和度。(內村光一)

A.

要讓照片裡的料理看起來更好吃,

就要注意打光。當然能在燈光設備

都齊全的狀況下拍攝是最好,不過

有時候卻不一定能在如此萬全的狀

態下拍攝。常常聽到傳單裡的照片

是用傻瓜數位相機全自動模式拍攝

的例子。

即便是在「惡劣條件」下拍攝的照

片也只要透過適當的處理,就能讓

照片裡的料理回復原有的美味。

進行校正之際,有幾點要先注意的

地方,第 1點是「亮度」,第 2點是「白平衡」、第 3點則是顏色的「鮮豔度」。

這幾點都能透過濾鏡校正,讓照片

裡的料理看起來更好吃。

我們最常使用「亮度/對比」來調

校照片的亮度,但如果要一邊觀察

照片的變化,一邊細微地調整亮度,

建議使用「色階校正」這項功能﹝圖

1﹞。白平衡指的就是色溫,例如在燈泡

橘色色溫下拍攝的照片就會帶有偏

橘的顏色,此時建議透過「色彩平

衡」或是「相片濾鏡」這兩項功能

進行校正﹝圖 2、3﹞。要提高水果與蔬菜的鮮豔度,可利

用「色相/飽和度」與「自然飽和度」

這兩項功能調整。

1. 使用「色階」功能調整亮度。2. 使用「相片濾鏡」調整顏色。3. 透過「色相/飽和度」功能強調鮮豔度。

讓照片裡的料理看起來更好吃的校正

希望照片裡的料理

變得更美味。

BEFORE

AFTER

利用「色相/飽和度」功能加強

鮮豔度,讓料理看起來更好吃。

Question 想讓料理照片看起來更好吃!

89Ps

利用「色階」功能調整亮

度。

1

以範例而言,可利用「相片濾鏡」

的「冷色濾鏡(82)」加強照片的藍色,稍微減緩橘色的色調。

3

除了相片濾鏡之外,也可以使

用「色彩平衡」功能針對每個

色階的顏色調整。

2

101

ACU060400.indb 101 2011/12/27 下午 03:40:29

Page 10: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

Question

解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

不知道您是否有過版面看起來很無

聊,設計有些單調的經驗?造成這

些經驗的理由往往是「設計的不

足」。設計師的工作不是只需要提高

文字與背景色的對比,讓文字方便

閱讀就結束了。

如果版面看似單調時,可試著替標

題的周圍加上一些變化,但不可適

得其反,只要簡單的設計,就能替

版面增色不少。

通常設計文字時,會替文字改變字

型或是顏色,不過標題卻可以只透

過周圍的花紋變得更搶眼。

範例在文字周圍加了一些裝飾花紋

﹝圖 1-1∼ 2﹞,讓標題從背景裡跳

出來﹝圖 2﹞。而且將點綴用的圖片縮小後,隨意配置在版面裡,也能

替版面創造不錯的視覺效果。

在標題背面塾上色塊。 讓背景圖片透出色塊。將色塊的透明度降低

後,就能讓顏色變得輕盈一點。

想不出該怎麼

設計標題!

91 可在文字周圍加上裝飾花紋。(小森純子/SasQuatch Design Inc.)

A.

1. 畫面點晴的設計可收意想不到的效果。

2. 點綴用的圖案有時可創造有趣的效果。

在標題設計上玩出新意

BEFORE

利用「旋轉工具 」繪製放射線

的圖案,之後再在放射線圖案上

繪製兩個圓形。

BEFORE

複製套用遮色片的物件後,將這個

物件作成白色鏤空物件,並且鏤空

部分配置標題。

AFTER

AFTER

105

將兩個圓形合併成同一段落。

1-1

利用葫蘆狀的物件作為放射線

圖案的遮色片。

1-2

讓物件旋轉。

2

ACU060400.indb 105 2011/12/27 下午 03:40:41

Page 11: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

Question

解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

網路媒體 紙本媒體

編排方式 扁長的設計較佳。LOGO可能在不同的紙本媒體裡使用,所以要同時設計出直版或橫版的LOGO。

顏色數量主要是透過螢幕呈現,所以沒什

麼顏色上的限制。

LOGO的顏色數量受到印刷方式限制,最好設計出幾種不同配色方式的LOGO。

漸層 可自由地使用。 要準備不能套用漸層色的備案。

細節 螢幕無法呈現過於細微的花紋。雖然能呈現較細微的花紋,但是還是得注意

LOGO的尺寸。

在設計 LOGO之前,先想好 LOGO的用途是相當重要的。尤其是公司

或是品牌這類用來建立形象的

LOGO,更是得事先規劃用途再進行設計。

第一步要思考的是 LOGO會用在哪些媒體﹝圖 1﹞。媒體類型的不同,將導致 LOGO採用不同的方式設計。以網路媒體為例,LOGO比較適合設計成扁長的樣式,而比較不

適合設計成高直的樣式。也就是說,

在設計網路媒體的 LOGO時,最好以水平方向編排的段落為考量,設

計出比例相同的 LOGO﹝圖 2﹞。

LOGO在顏色的選用上就比較沒有限制,即便是複雜的漸層色也可以

是選項之一。那 LOGO的大小有限制嗎?雖然目前的螢幕都擁有很高

的解析度,但還是有些細部圖案沒

辦法清楚地呈現,所以在設計

LOGO的時候,不太適合使用過於細微的花紋。

接著讓我們分析在紙本媒體裡的

LOGO設計。在設計紙本媒體的LOGO時,必須事先考慮 LOGO可能會應用在不同的紙本媒體裡,所

以得先想好種種可能的設計方式。

此外,LOGO的顏色種類會受到印

設計LOGO時該注意

哪些重點?

97

先想好LOGO的用途再進行設計。(高橋TOSHIYOKI/Graphic Arts Unit)

A.

在不同媒體進行 LOGO設計的差異性。

刷方式的限制,所以最好在設計

LOGO時,多設計幾種不同配色方式的 LOGO﹝圖 3﹞。而且色彩模式也只能是 CMYK。如果要使用漸層色,最好先準備無法套用漸層色時

的備案﹝圖 4﹞。比起網路媒體而言,紙本媒體的

LOGO比較能使用細微的花紋,這就是在不同媒體裡進行 LOGO設計的差異性。總之本書所講的設計原

則只是滄海一粟,在設計之前先預

設 LOGO的用途才是關鍵所在。

不同編排的 LOGO。至少可分成直版與橫版兩種。

準備種種不同配色的 LOGO。這樣能避免 LOGO 被亂改顏色。基本上可分成全彩、雙色、灰階、單色這 4種配色方式。

這是套用漸層色的範例。由於戶外廣告的 Cutting Sheet以及網版印刷無法套用漸層色,所以最好先準備無法套用漸層色

時,LOGO要以什麼顏色進行配色。

1. 必須預設 LOGO的用途。

2. 依照媒體種類規劃LOGO的版型與配色。

3. 必須依照使用狀況製作不同版型的LOGO。

4. 要小心別因 LOGO的尺寸破壞了細部的花紋。

預設 LOGO的用途

2 3

4

111

1

ACU060400.indb 111 2011/12/27 下午 03:40:59

Page 12: contents - epaper.gotop.com.twepaper.gotop.com.tw/pdf/ACU060400.pdf · 前往東京,正值懵懂就進入了 DTP 業界。目前資歷僅4 年, 還是菜鳥一族。 森川雄司

解決版面編排的疑難雜症

解決文字的疑難雜症

解決配色的疑問

解決影像校正.後製的疑問

解決標題.小標.背景色的

疑難雜症

解決軟體.工具上的疑問

印刷.輸出的疑難雜症

chapter 1chapter 2

chapter 3chapter 4

chapter 5chapter 6

chapter 7

利用格點製作圖樣。(高野徹)

A.

利用 Illustrator製作圖樣時,可以先製作出拼貼圖樣,然後再將圖樣

新增為色票。只要在製作圖樣時使

用格線,就能輕鬆地製作出無縫接

痕的圖樣。

首先從 Illustrator的偏好設定裡的「參考線及格點」裡設定格點間隔與

格點數。接著執行「檢視」→「顯

示格點」以及「檢視」→「靠齊格點」

命令﹝圖 1﹞。接著我們要解說如何利用剛剛設定

的格點來製作點狀圖樣。請在格點

的粗框中心繪製正圓形,接著在框

架的四個角落繪製正圓形,最終的

圖案應該像是「骰子的 5點」一樣 ﹝圖 2﹞。(當 4個角落的圓形與中央的圓形顏色不同,就能製作出雙色

的圖樣)。接著利用「矩形工具」繪

製以四個角落的圓心為頂點的正方

形,並且將這個正方形的線條顏色

與填色都設定為「無」,然後執行「物

件」→「排列順序」→「移至最後」命

令,將正方形移至最下層,而這個正

方形將成為圖樣的邊界。請選取所

有物件,再執行「編輯」→「定義

圖樣」,將所有物件新增為色票﹝圖

3﹞。之後再繪製一個背景大小的長方形,然後將填色設定為剛剛新增

的色票圖樣即可﹝圖 4﹞。

這是將符號字型排列在格點而成

的花押字印圖樣。記得在圖樣的

上下邊界以及左右邊界裡套用相

同的符號。

利用格點也能輕易地製作出

格狀圖樣。

沿著格點繪製圓形與正方形。

最下層的正方形將成為圖樣的

邊界。如果正方形的四邊顏色

不同,就無法作出無接縫的圖

樣。

當圖樣新增為色票後,就能當作

圖形的填色使用。

可利用「縮放工具」調整圖

樣的大小。

Question 想製作出無縫的背景圖樣

102Ai

1. 在偏好設定裡設定格點2. 在「檢視」選單裡勾選「顯示格點」與「靠齊格點」

選項

3. 繪製五個對齊格點的正圓形

4. 繪製填色與線條顏色皆為「無」的正方形,作為圖樣的邊界

5. 將圖樣新增為色票

製作點狀圖樣的方法

在「偏好設定」裡

設定格點。1 2

3

4

圖樣-1

圖樣-2

117

ACU060400.indb 117 2011/12/27 下午 03:41:14