Before&After：解構版面設計準則（第二版）

第一篇 知識

• 單元1 沒有尺規的設計
把尺丟到一旁，用眼裡所見的事物進行設計

• 單元2 空白頁面的注意事項
請勿直接跳過頁面設定對話框，這便是設計起始之處

• 單元3 善用色環
色環可以幫助大家了解顏色的搭配運用

• 單元4 尋找完美的顏色
我們所需要的配色其實已經存在於相片之中，以下便是教您如何找出來

• 單元5 要搭配什麼字型呢？
如何選對匹配圖像的字型

• 單元6 如何利用對比建立字型樣式
適當運用對比，可以「建立」或「破壞」字型的設計

• 單元7 字型101
字型是工具：學習如何適當運用，作品便會進步

◎ 字母各部名稱

• 單元8 一分為多
一張大的照片裡通常會隱藏許多小的照片，以下便是教您如何從原始的一張照片裡，擷取出許多照片來

◎ 由少變多

第二篇 技巧
• 單元9 剪裁的基本練習
如何剪裁出照片的功能與意義

◎ 背景的選擇
• 單元10 焦點
複雜或含糊不清的照片？讓讀者視線停留在指定處的八個方法

• 單元11 酷封面
十種絕佳的封面設計法

• 單元12 如何設計第二頁
我們已經設計出漂亮的封面，接著內頁要如何設計呢？

◎ 帶入頁面外的事物
• 單元13 簡單的無邊界設計
如何設計版面給沒有「無邊列印」功能的家用印表機

• 單元14 「 旁白」式圖說
圖說不只是像貼「標籤紙」，以下教您不僅將圖說放在圖像上，同時也讓圖說進入故事裡

◎ 多重圖說的照片會說更多故事

◎ 最新流行的多圖說作法
• 單元15 向美麗的網站學習
邁阿密大學文理學院網站，示範了這些優美的部份，其實都存在於細節之中

• 單元16 製作「歡迎您！」首頁
跟所有上您網站觀看的瀏覽者聊天

• 單元17 簡單、清楚、明亮
各方面都適用的「極簡主義」

• 單元18 明信片的魅力
較大的圖像與較小的字體，或較大的字體與較小的圖像，兩個都行得通

• 單元19 將照片放在公司名稱裡
文字加上照片，會比只有文字感受來得強烈
◎ 功能性的美觀

• 單元20 制定主題
簡單的圖像可提供視覺焦點、色彩與延續感

• 單元21 設計故事型的版面
折起來、打開，把一張紙做成動人的、敘述形式的呈現方式
◎ 版型：故事式樣的宣傳小冊

• 單元22 設計口袋尺寸的宣傳小冊
八個小頁面說出大故事

◎ 口袋尺寸的宣傳小冊
• 單元23 小新聞信也能大方呈現
一半的頁面較容易設計，也可令人留下深刻的印象

• 單元24 簡單設計名片
一張圖片與一段文字就能構成一張美麗的名片

• 單元25 雙重目的「信頭」的設計
照片填不滿空間嗎？加上一點特製的背景吧

• 單元26 設計文字logo
依照字母的形態來製作

第三篇 企劃案
• 單元27 設計附回函的廣告傳單
• 預算很緊嗎？設計一份附回函的「雙重用途」廣告傳單吧
• ◎ 版型：附回函的廣告傳單

• 單元28 小網站、大格式
如此簡單美麗的網站，相當適合專業或小型企業網站之用

◎ 版型：「小而美」的網站
• 單元29 設計美麗的網站頁首
若想有效率的建立頁首時，只要在心裡謹記著「分區」即可

• 單元30 設計簡單的「簡報」呈現
一場好的演說，少不了精鍊的視覺呈現

• 單元31 將簡報視覺化
圖像可以讓觀眾與文字之間，產生情感上的聯想

• 單元32 設計全景式小書
形式介於書與雜誌的閱讀範圍中間，其水平格式是相當容易設計的版面

◎ 版型：全景式小書
• 單元33 在「線」的下方設計
這是一個簡單的設計技巧，用來建立出大方且迷人的一份報告

第一篇 知識

• 單元1 沒有尺規的設計
把尺丟到一旁，用眼裡所見的事物進行設計

• 單元2 空白頁面的注意事項
請勿直接跳過頁面設定對話框，這便是設計起始之處

• 單元3 善用色環
色環可以幫助大家了解顏色的搭配運用

• 單元4 尋找完美的顏色
我們所需要的配色其實已經存在於相片之中，以下便是教您如何找出來

• 單元5 要搭配什麼字型呢？
如何選對匹配圖像的字型

• 單元6 如何利用對比建立字型樣式
適當運用對比，可以「建立」或「破壞」字型的設計

• 單元7 字型101
字型是工具：學習如何適當運用，作...