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

字型是工具：學習如何適當運...