平面設(shè)計不是專屬于設(shè)計師的技能。
如果您設(shè)計不出優(yōu)秀的資料,其原因并不在于有無設(shè)計感,而在于不懂設(shè)計規(guī)則。
即使您是公司職員、學(xué)生或研究者,只要掌握本書中的四大法則字體類型和文字的法則,文章和條目的法則,圖形、圖像和圖表的法則,版式設(shè)計和配色的法則,就能制作出易讀易懂,富有表現(xiàn)力和吸引力的資料。
本書不以資料的視覺效果為重,優(yōu)先考慮是否容易傳達(dá)信息,講究實(shí)用的設(shè)計基礎(chǔ)知識和技巧。在本書中,您可以通過對比講解形式直抓重點(diǎn),合計78個專欄小技巧補(bǔ)充和小貼士豐富知識和技能,25個版式設(shè)計案例為實(shí)踐鋪路。
愿本書能夠幫助您有效傳達(dá)信息,在工作和學(xué)習(xí)中脫穎而出。
前言
憑借設(shè)計之力,使資料重獲新生
用于提案和報告自己的想法或工作成果的演示文稿和企劃書;為了通知別人有活動或研討會而創(chuàng)作的海報和傳單在計算機(jī)和辦公軟件(Microsoft Word和 PowerPoint 等)十分普及的今天,每個人都能輕松制作出各種各樣的資料。
話雖如此,我們卻幾乎沒有什么機(jī)會學(xué)習(xí)資料的制作方法。現(xiàn)實(shí)情況是,當(dāng)試圖制作易讀易懂,富有吸引力的資料時,很多人要么用自己的方法胡亂摸索,要么一籌莫展,不知如何是好。這樣是沒法做出優(yōu)秀的資料的。其原因并不在于制作者有無設(shè)計感,而在于他不懂設(shè)計規(guī)則。所以,即便模仿別人設(shè)計得十分酷帥的資料,或者使用可愛的設(shè)計模板,也無法做出期待中的優(yōu)秀資料。也就是說,很多人面臨的情況是,在掌握版式設(shè)計的知識和培養(yǎng)相應(yīng)素養(yǎng)之前,就不得不親自制作各種資料了。
現(xiàn)在市面上有數(shù)不清的相關(guān)圖書,其內(nèi)容都以資料的外觀和視覺效果為重,不太講究實(shí)用的設(shè)計技巧。而面向非專業(yè)人士、將易讀性和可看性作為教學(xué)重點(diǎn)的書籍卻不多。另外,面向設(shè)計師的設(shè)計教科書及指南書等專業(yè)書籍的閱讀門檻很高,對只需要制作企劃書和 PPT的公司職員及學(xué)生來說,不是很實(shí)用這也是事實(shí)。在這樣的情況下,在執(zhí)筆本書時,我們將之定位為一本面向非專業(yè)的社會人士、教育者、學(xué)生和研究者的教科書。我們的目標(biāo)就是將實(shí)用的設(shè)計基礎(chǔ)知識集結(jié)成書。因此,本書并非介紹一些小聰明式的技巧,而是致力于系統(tǒng)化地介紹版式設(shè)計的基礎(chǔ)知識。雖然對于不同的行業(yè)來說,比如政府機(jī)構(gòu)、民間企業(yè)、大學(xué)等,理想的資料形式是不同的,但是制作者容易遇到的問題和障礙卻是相通的。本書所介紹的基礎(chǔ)知識適用于所有資料的制作。
身為理工科研究者的我們建有一個網(wǎng)站,名為傳達(dá)設(shè)計 / 研究發(fā)表的通用設(shè)計。幾年前,我們以此網(wǎng)站為基礎(chǔ)出版了本書的初版,獲得了意料之外的好評。因此我們決定出版增補(bǔ)修訂版本,即本書。這一次,我們對書中內(nèi)容進(jìn)行了大篇幅的擴(kuò)充。不僅增添了初版沒有的版式設(shè)計規(guī)則,也加入了許多可以幫助讀者實(shí)現(xiàn)自己想法的操作方法。如此,本書涵蓋了從版式設(shè)計規(guī)則的理論知識到各種資料的實(shí)際制作方法等系統(tǒng)內(nèi)容。愿本書能夠拋磚引玉,為普及版式設(shè)計的基本知識和素養(yǎng)貢獻(xiàn)一分力量。也希望它能夠幫助我們的社會更順利地開展相關(guān)方面的溝通和交流活動。
后,我們向日本國立科學(xué)博物館的海老原淳博士、濱崎恭美先生以及日本東北大學(xué)的大野由加里博士深表謝意,感謝他們在我們執(zhí)筆本書之際協(xié)助提供照片和圖片。我們也向日本技術(shù)評論社的藤澤奈緒美女士致以由衷的感謝,感謝她一有機(jī)會就加入我們的討論,為本書的撰寫提供了準(zhǔn)確的感想以及建設(shè)性的建議。
高橋佑磨、片山夏
高橋佑磨
1983 年出生于日本東京都武藏野市。2010 年畢業(yè)于筑波大學(xué)大學(xué)院生命環(huán)境科學(xué)研究專業(yè),獲得博士學(xué)位(理學(xué))。現(xiàn)就職于日本千葉大學(xué)大學(xué)院理學(xué)研究院,任助教。他的專業(yè)為進(jìn)化生態(tài)學(xué),研究生物多樣性的機(jī)制和功能。他以普及制作研究發(fā)表類資料所需要的設(shè)計技術(shù)為目的,運(yùn)營著傳達(dá)設(shè)計/研究發(fā)表的通用設(shè)計網(wǎng)站。
片山夏
1983 年生于日本京都府宮津市。她于筑波大學(xué)(本科)畢業(yè)后,攻讀了東京大學(xué)大學(xué)院碩士課程,又在2012 年于金澤大學(xué)自然科學(xué)研究專業(yè)獲得博士學(xué)位(理學(xué))。她研究的是形態(tài)奇特的植物的進(jìn)化過程和多樣化機(jī)制。2010 年傳達(dá)設(shè)計/研究發(fā)表的通用設(shè)計網(wǎng)站建立后,她開始從事寫作和演講活動。2017年,她建立并開始運(yùn)營辦公室傳達(dá)網(wǎng)站。
前言
設(shè)計導(dǎo)讀
第1章 字體類型和文字的法則
1-1 字體類型的基本知識
! 字體類型和字體的預(yù)備知識
1-2 避免個性化的字體類型
! 熟練運(yùn)用字體類型
1-3 閱讀資料中字體類型的選擇
1-4 展示資料中字體類型的選擇
! 字面和文字的外觀及易讀性
1-5 選擇更漂亮的字體
小技巧 字體的互換性和嵌入
1-6 選擇判讀性強(qiáng)的字體
專 欄 通用設(shè)計字體
1-7 粗體和斜體的使用方法
! 免費(fèi)字體
! 字體的安裝
1-8 推薦字體
1-9 西文字體的使用方法
1-10 西文和日文混雜的資料
小技巧 在PowerPoint 中替換字體
1-11 強(qiáng)調(diào)數(shù)字
專 欄 使用合體字能使資料更美觀
1-12 符號的使用
! 似是而非的符號
1-13 文字不要變形、不要過度修飾
小技巧 使用描邊字使文字更易讀
要點(diǎn)回顧
第2章 文章和條目的法則
2-1 文字的布置(文字排版)
! 避頭尾法則
2-2 文字的大小和粗細(xì)
2-3 行距的調(diào)整
小技巧 在MS Office 中調(diào)整行距
! MS Office 中的行距設(shè)定更適合西文
2-4 字間距的調(diào)整
專 欄 調(diào)整字間距使文本更易讀
小技巧 在PowerPoint 和Illustrator 中調(diào)整字間距
2-5 行首向左對齊
! 西文排版中的兩端對齊
! 日文排版中的數(shù)字和英文單詞
2-6 條目的制作方法
小技巧 嘗試制作條目
2-7 小標(biāo)題的設(shè)計
2-8 設(shè)置段間距使文本結(jié)構(gòu)更清晰
2-9 注意換行位置
小技巧 如何在自己喜歡的位置換行
小技巧 不聽指揮的文本框
2-10 真的必須縮進(jìn)嗎
2-11 每一行不能太長
小技巧 復(fù)制文本格式
2-12 利用分欄節(jié)約版面和時間
要點(diǎn)回顧
第3章 圖形、圖像和圖表的法則
3-1 圖解圖的作用
3-2 熟練使用邊框
3-3 慎重使用圓角矩形
小技巧 圓角矩形的圓角的修正和統(tǒng)一
3-4 如何修飾形狀
3-5 箭頭的使用方法
專 欄 如何有效利用軟件自帶的形狀
3-6 邊框和文字的搭配方法
小技巧 如何設(shè)置邊距
3-7 易懂、美觀的圖解圖
3-8 圖像的基本知識
! 圖像編輯軟件
3-9 如何處理柵格圖像
小技巧 在MS Office 中使用裁剪功能消除背景
3-10 矢量圖像的結(jié)構(gòu)
小技巧 在MS Office 中繪制矢量圖像
3-11 為圖片添加說明
3-12 數(shù)據(jù)的顯示方法
3-13 圖表的制作方法
3-14 應(yīng)用型圖表
小技巧 如何編輯Excel 圖表
專 欄 統(tǒng)一Excel 圖表的格式
3-15 表格的制作方法
小技巧 如何在單元格內(nèi)制造留白
要點(diǎn)回顧
第4章 版式設(shè)計和配色的法則
4-1 版式設(shè)計的目的和五大法則
4-2 法則1 充分留白
4-3 法則2 對齊布局
小技巧 如何對齊元素
小技巧 利用參考線
! 如何對齊輪廓不明顯的圖
4-4 法則3 分組聚攏
專 欄 如何漂亮地添加解說詞
4-5 法則4 加強(qiáng)對比
! 提高跳躍率,加強(qiáng)對比
! 過度強(qiáng)調(diào)會減弱對比
4-6 法則5 重復(fù)版式
4-7 符合信息構(gòu)造的版式設(shè)計
4-8 注重視線移動方式的版式設(shè)計
4-9 圖片的處理方法
小技巧 使用Shift 鍵實(shí)現(xiàn)移動和變形
小技巧 粘貼圖片和文字環(huán)繞
4-10 減少多余元素和干擾因素
4-11 不濫用邊框,圓角不能太圓
專 欄 通過設(shè)置引人注目的要素增加資料魅力
4-12 配色基礎(chǔ)
4-13 選擇色彩的基本方法
4-14 色彩的搭配
4-15 文字顏色和背景顏色的搭配
4-16 如何決定使用什么顏色
! 使用灰色文字提高可讀性
4-17 色覺無障礙
小技巧 配色評估
要點(diǎn)回顧
第5章 實(shí)踐
5-1 遵守規(guī)則
5-2 演示文稿
! 色彩模式
小技巧 PowerPoint 的母版功能
5-3 企劃書和大尺寸展示資料
! 在背景中添加照片時要慎重
5-4 以文章為主的資料
! 封面的協(xié)調(diào)性
! 在印刷廠印刷時
小技巧 Word 的樣式功能
專 欄 單色印刷的對策
5-5 公告和宣傳單
小技巧 用Word 制作三折宣傳冊
索引
補(bǔ)充和小貼士
補(bǔ) 充 決定易讀性的三要素
補(bǔ) 充 Yu Gothic 和Yu Mincho
補(bǔ) 充 西文字體名稱的讀音
小貼士 注意行首的符號
補(bǔ) 充 不使用1 個字節(jié)的字體
小貼士 如何調(diào)整字間距
補(bǔ) 充 日文比例字體
補(bǔ) 充 兩端對齊
小貼士 如何設(shè)置段間距
補(bǔ) 充 頁數(shù)較多的文本怎么辦
小貼士 如何設(shè)置默認(rèn)形狀
小貼士 如何統(tǒng)一形狀的格式
小貼士 如何調(diào)整箭頭的形狀
小貼士 如何編輯形狀
小貼士 如何調(diào)整對話氣泡的形狀
補(bǔ) 充 如何閉合形狀
補(bǔ) 充 如何使尖銳處變平滑
補(bǔ) 充 在Keynote 中繪制矢量圖像
小貼士 合并矢量圖像
小貼士 為引線添加白色輪廓
小貼士 粘貼圖表時如何才能不改變原本的樣式
小貼士 使用Illustrator 編輯Excel 中的圖表
補(bǔ) 充 多個圖表的格式
補(bǔ) 充 統(tǒng)一格式時的注意事項(xiàng)
補(bǔ) 充 用于統(tǒng)一版式的功能
小貼士 如何取色
小貼士 使用網(wǎng)站尋找顏色
補(bǔ) 充 打破規(guī)則的規(guī)則