@研習設K先生?：無論是學習設計還是學習其他任何事物，我相信每個人都有喜歡走捷徑的本性。比如學設計這件事，很多人看過一些書籍，也看了很多教程，到頭來發現自己還是不會設計。這就讓我們要思考一個問題，就是造成這種情況的原因是什么？當然肯定不是這些書或教程的問題，關鍵在于我們學習的方法不對，沒有抓到事物的規律和本質。人在學習的過程中最重要的就是總結經驗和規律，而總結經驗和規律其中最重要的一個核心就是模仿。

比如我們小時候學習說話，我相信沒有人是一出生就開始學習拼音和漢字的。

但是隨著不斷的成長，慢慢的我們會開始說一些基本的語言，比如爸爸媽媽之類的，這個是怎么學會的呢？就是靠模仿聲音。

我們再舉個例子，比如我們的穿著打扮，雖然不同的人喜歡不同的風格，但是我相信沒有幾個人會去專門學習怎么穿衣服的，除非是專業模特或者特別在意外表的人。

但是有的人穿的好看，有的人穿的就比較土，而且每個人的風格都不同，這是為什么呢？同樣也是因為每個人模仿的對象不同。

當然了，是模仿就會有失敗的時候，比如這種殺馬特風。

而設計也是同樣的道理，無論是任何領域的設計，無論你學了多少知識理論，最終呈現出來的還是作品，所以模仿就是一個非常有效的學習方法，并且很多設計大師也都是從模仿開始的。

但是這里我們主要探討的是版式設計，為什么版式設計這么重要呢？回答這個問題之前，我們要先來看看什么是版式設計。

什么是排版

所謂版式設計說的白話一點就叫排版，也就是把文字、插圖或照片等各種信息整理得更加具有條理，易于人們閱讀和理解，并且還要具有一定的美觀度。

比如這里左側是文案信息，右側的海報就是將這些信息進行有條理的編排，再加上適當的圖形來裝飾，構成既美觀又便于閱讀的視覺畫面就是排版。

排版的作用

接下來我們看看排版都有哪些作用。

從大的范圍來看排版包含的元素有很多，比如最基本的文字、圖片、插圖、表格等等，但是總體上還是可以分為兩大類就是文字和圖片。如果使用到文字就需要考慮字體的氣質是否與內容相符，字號和字重的選擇是否美觀便于閱讀。而對于照片等圖片的排版需要考慮的就是圖片的數量、圖片的大小，以及圖片的美觀度等等，最后將這些元素有序的結合在一起并且還具有一定的設計美感能夠有效地傳達內容，這就是廣義上排版的作用。

但是排版并不是單指傳統意義上的版式設計，它所包含的領域也是非常廣泛的，無論是海報、畫冊雜志，還是網頁UI，排版都是傳達信息必不可少的工具。

但是傳遞信息的方法有很多，如何才能最大化的傳遞信息，這就需要根據具體的設計內容從各種不同的角度出發構想了。

排版的特征

下面我們再來看看排版的特征。所謂排版的特征，這里主要指的就是不同設計載體的特征。

比如畫冊或雜志通常是在版面里插入多張照片和插圖，為了能一翻開就達到一目了然的效果，通常需要設計成跨頁的形式，在此基礎上再適當的進行文字編排。所以畫冊雜志通常是以圖片為主文字為輔。

而書籍通常是以文字為中心的設計載體，除了封面部分外書的主體內容基本都是文本排列的形式，為了能讓讀者集中精力閱讀，所以排版通常比較中規中矩，不需要太多的編排技巧。

而廣告宣傳單、海報、折頁、名片等，通常需要把盡量多的信息放在一張紙上，所以相對來說是比較難的形式。因為需要更多的技巧去對信息進行梳理，能夠很好的傳遞信息的同時還要具有一定的視覺沖擊力，這樣才能吸引人的眼球進而讓人去閱讀信息。而名片通常很少使用到圖片，所以文字的編排和色彩的運用是決定名片好壞的關鍵因素。

而網頁和UI不像紙質媒體一樣擁有固定的空間，這是排版時需要注意的特征。在排版前需要設想使用的終端，比如電腦、平板電腦、手機等等，同時還要考慮畫面的動效，這是紙質設計內容所不具備的，但排版的具體規則總體上來說并沒有太大的差異。

說了這么多其實只是想告訴大家一個道理，就是版式設計的重要性，因為無論是什么載體的設計都需要用到版式，而其他元素就不一定都會用到。

從優秀作品中學習

知道了版式設計的重要性之后，那我們就開始從優秀作品中來學習，這里我們從三個角度來看一下：分別是文字的編排、圖片的編排和色彩的搭配，而每個部分會教大家三個小技巧，加在一起一共就是九種方法。

? 1. 文字的編排

首先我們來看看文字的編排。

通過大膽地使用黑體字可以讓版面引人注目，再加上字體的大小變化使雜志版面充滿活力。比如這個畫冊頁面，整體使用了黑體字形，而左側頁面背景使用了實物照片，上方通過添加色塊的方式來突出文字信息，并且還具有雙色對比。右側頁面下方使用了一張去底圖片以及一張長方形圖片，形成了形狀對比，從而更加豐富了版面，讓整個畫冊頁面更加活靈活現，具有設計感。

第二種文字編排的技巧就是宋體字加留白能使版面變得典雅具有文藝氣息。如果能很好的使用留白，那么無論是使用橫向文字還是縱向文字，版面都能給人簡潔、干凈的印象。因為只要是文字的大小發生變化視線就會受到影響，從而讓人清晰地感受到內容信息的變化。比如這個畫冊頁面這里的留白就恰到好處，不僅會為版面營造出典雅的感覺，同時也可以很好的突出文字的可讀性和圖片的辨識度。左側的頁面使用了一整張圖片作為背景，上方搭配少量的段落文字信息，與右側的頁面形成對比，同時又保持整體的格調不變，看似簡單的設計其實包含了很多容易被人忽視的細節。

第三種方式就是大膽地處理文字標題，通常也能產生意想不到的效果。我們在排版中可以大膽地放大標題或者進行有形式感的編排，以此來產生對比。比如最簡單的形式就是將標題文字上下錯開排列，或者進行出血處理，將文字延伸到版面外，通過這種手法能使標題顯得具有動感富有變化性。比如這個頁面整體的編排很簡單，并沒有使用太多的編排技巧，而且這里還使用了字疊圖的表現手法，從而讓文字與圖片產生聯系，而不是相互獨立的存在。

這里我們設計一個關于旅游的雜志頁面，使用到的技巧就是我們在字體部分中講到的對比率高的黑體。首先創建版面，然后左側為形象頁，因為主題是消暑計劃所以我們找一張藍色的水的圖片作為背景，然后將英文標題和中文標題使用大字號編排并且進行出血處理，然后將其他文字信息設置成小字號排在空余位置。

為了豐富畫面，所以我們找了和內容檸檬相關的圖片，與文字形成層疊的效果，那么左側頁面就差不多了，接著再來看右側頁面。

因為右側主要是以文字信息為主，所以我們先創建網格，這里我們使用的是三欄網格。

然后根據網格規范，將文字信息編排好。

最后添加和左側相呼應的圖片元素，這個頁面基本就可以了。我們看這里并沒有使用什么技巧，就是通過字體大小的對比豐富的版面，來增加變化。

? 2. 圖片的編排

接下來我們再來看看圖片部分。

在畫冊或雜志中最常用的圖片處理方式就是以長方形為主，這樣會讓版面具有整體感和沉穩的效果。以長方形照片作為版面的主體可以將照片按大小分為不同的層級，此外還可以借助照片自然地引導讀者的視線。比如這個作品中，右側是一整張圖片作為背景，上方配上相應的文字信息，特寫的效果富有沖擊力，而左側使用了數量較多的圖片與右側形成對比，同時這里的圖片都使用長方形的形態，雖然不是完全的對齊有錯落感，但是并不影響整體的形式。而這里不僅使用了長方形，還有正方形的圖片，整體上既有統一又有對比，同時還能起到吸引視線的作用。所以以長方形為主的圖文編排會讓版面非常有條理和秩序感，同時還具有節奏變化，是一個比較簡單實用的圖片處理方式。

第二種圖片的處理方式就是將圖片整版裁切，這種表現手法會讓版面具有視覺沖擊力。這個方法其實就是將超出版面范圍的圖片進行裁剪，這樣能夠最大化的表現圖片的張力，需要注意的就是對文字信息的處理，雖然在圖片上添加文字看上去很簡單但其實并不是，因為無論將文字放在照片上的哪個位置都需要充分地考慮文字的顏色，保證文字的識別度，而且還不能影響圖片的效果。這個畫冊頁面雖然頁邊距具有少量的留白，但是兩張圖片仍然屬于整版裁切的手法，而圖片上方的文字色使用了白色，與底圖的色調形成對比，保證了文字的識別度，而且我們看這里的文字編排，也使用了字號強對比的形式，整體看上去很簡單的編排，但是通過對特寫圖片的裁切處理，讓整個版面顯得十分飽滿。

第三種圖片編排的方法就是大膽地處理照片，這種方法要比上一個整版裁切更加靈活。比如這個畫冊頁面使用了三張圖片充滿了版面，讓圖片看起來更加直觀，突出了圖片本身的魅力，而且我們看這三張圖片也不是隨意放置的，它們有一種順序上的聯系，也就是米通過人的加工得到了壽司，簡單的三張圖片很好的將主題內容表現了出來。

同樣我們還是用這三種方法其中的一個做一個案例，這里我們設計一個品牌鞋子的畫冊頁面，使用的方法就是圖片的整版裁切。首先創建尺寸然后將產品圖片放置到版面當中放大進行裁切，其實到這一步已經可以看出來這個版面的整體感覺了，因為背景圖片已經確定了。

接下來將文字信息編排進來這個頁面就差不多了，類似這種以產品為主的形象頁，特別適合使用我們所講的這種整版裁切的方法，因為文字信息通常很少，所以圖片就顯得尤為重要，而整版裁切恰恰能最大化的體現出圖片的優勢。

? 3. 色彩的搭配

我們再來看看最后一點就是色彩。

首先第一個小技巧就是使用和主題相符的關鍵色，比如這個畫冊頁面內容是和大自然、溫泉有關的。一說到大自然我們通常最快聯想到的就是綠色，而這個頁面中正是使用綠色塊來強調和點綴，再加上淡色調的米黃色，很好的貼合了主題，傳遞的印象一目了然。

第二種方式就是使用不同的顏色在每個頁面上，也就是用色彩來區分頁面。比如使用紅、黃、綠、藍這種鮮艷的顏色，通?？梢越o人留下深刻的印象，而且還能夠明確地展示所介紹的物品。如果照片周圍是跟背景色同一色系的顏色，會讓版面整體更加統一協調，具有鮮明對比的同時還能增強整體感。比如這個畫冊頁面左側使用了藍色，中間的圖片使用了線框來強調，但是圖片的背景也是藍色，而右側頁面使用了綠色，同樣圖片的背景也是綠色調，圖片上紅色的花起到了點睛的作用。這樣左側頁面與右側頁面在色相上就有了鮮明的對比，并且在色調上進行了統一，給人的印象非常清晰，很好的突出了每個頁面的個性。

最后一種關于顏色的使用技巧就是靈活地使用顏色，將不同的內容分開便于有效的閱讀信息。比如這個雜志版面上就用了四種顏色劃分出了四大塊，而且這里還對色塊進行了形狀處理，這樣可以使雜志版面整體看起來更加靈動，避免使雜志版面過于單調整齊，而是看上去更加自由歡快。

最后我們再來做一個色彩的案例，同樣也是畫冊頁面，使用的方法就是在每個頁面上使用不同的顏色來凸顯個性增加對比。我們先做一個雨傘內容的畫冊頁面，創建完版面之后先將產品放置在版面中心位置。

然后將文字信息編排好，版式部分就完成了，可以說非常簡單，然后我們需要考慮配色，如果是現在這樣明顯很單一，所以就使用之前我們講到的一個方法，就是用色彩來區分頁面。

這里我們就使用粉色和綠色來分別填充兩個頁面，文字反白，這個案例就完成了。需要注意的就是使用這種方法要考慮到色調的統一，如果色調對比過大，就會造成色彩上的不平衡。

這里我們還做了另外一個案例，也是使用同樣的方法，就不過多講解了。

本期教程到這里就結束了，我們從模仿的角度出發告訴大家學習規律和總結規律的重要性，并且也說明了版式設計的重要性，接著我們以畫冊為載體，從字體編排、圖片編排和色彩搭配這三點著手，通過分析相關優秀作品，總結出了九種非常簡單卻很實用的小技巧，無論你是新手設計師還是有一定經驗的設計師，都不要輕視這些小技巧，因為在適當的情況下使用，會收到意想不到的效果?？赡苡械娜藭f為什么這里我們講的都是畫冊，那其他的形式是不是就不適用了呢？當然不是，畫冊是版式設計比較基本的表現形式，比如你可以把畫冊當作是橫向的網頁，也可以把畫冊的每個頁面當作一個海報，希望大家能夠明白這個道理靈活運用。

歡迎關注研習設的微信公眾號：「Yanxishe2017」