編者按：版式設計的優秀案例分析！今天分享@南征南征 的一篇設計項目實戰文，3位設計師們面對同一個宣傳畫冊的設計挑戰，分別創作了風格各異的作品，作者特意挑版式設計的角度分析了這3組作品，希望能給不停改稿的同學多一點靈感 ：）

如果你不熟悉版式設計，建議先學習基礎知識：《設計師版式寶典！從零開始教你掌握網格系統》

我們用三組作品來講述一個項目，讓大家感受一下在信息相同的狀態下，如何展現不同的設計畫面。

很多設計師經常會感覺看別人作品都很容易，但是自己一旦上手卻又無法進行下去。所以大家平時可以多做這樣的訓練也許可以有所幫助，尋找看到別人已經做好作品，嘗試自己能否使用不同的思路去展現的更好？去驗證自己是否能夠像目標作品一樣表達的那么清晰。

另外這樣的訓練不是為了滿足客戶各種變態的修改要求，也不是給客戶慣不停修改的毛病，而是為自己以后應對不同項目客戶做的訓練。

在看到作品之前我們需要了解設計作品要表現的目的。

（這次設計目的：通過設計能讓用戶清晰了解：授課老師，課程目的，課程分類，課程內容，展示學員真實的設計變化）

通過上文我們就看到這樣的信息，說明畫冊的構架要有幾個部分。

1. 封面

（logo）

2. 課程理念

（團隊介紹，共2P）

3. 課程介紹

（提升課程2P，精英課程2P，全面課程2P）

4. 展現學員作品。

提升課程（明星學員=學員簡介+學員作品）+（優秀學員=學員簡介+學員作品）

精英課程（明星學員=學員簡介+學員作品）+（優秀學員=學員簡介+學員作品）

全面課程（明星學員=學員簡介+學員作品）+（優秀學員=學員簡介+學員作品）

通過這樣的簡單構架我們就把這個項目的邏輯性就展現清楚了。

另外我更愿意用畫冊作為上課的例子，畫冊設計是非常綜合的設計方式。不同的畫冊類型都會涉及到不同的設計要點，不論是從畫面創意上，畫面信息結構層級上，圖形圖標的設計上，客戶信息整體策劃上，整體設計的節奏把握上，畫冊設計都會涉獵到，比如我們看到下面幾個分類，就是把之前提到的內容更加清楚的表現出來。

形象畫冊：

在設計中會有大量形象畫面（創意畫面）的出現;（這樣處理方式在廣告創意，海報等方面都會是主要設計方向）。

年報設計：

大量的圖表信息，對圖形的設計上有極高的要求（圖形設計的練習可以對logo設計奠定基礎）年報中數據圖表，信息類文字的歸納與重新提煉，信息文字層級關系，文字信息的體積展現等， （圖形和信息的層級關系正是導視設計所需要的）;

產品畫冊：

對產品結構，畫面透視，色彩與產品，產品與企業理念的結合，都是方法在包裝設計中依然適用。（包裝設計正是產品與設計元素完美結合的范例）

雜志設計：

對各類型信息的歸納，不同信息風格的總結，統一都綜合性設計知識的體現）

我們了解了項目要求后，來看看第一組作品風格展示。

這是設計師徐芳的作品：這一組作品在網格的使用上是清晰的兩欄方式，但是在比例上進行了調整。

封面上把課程logo"Q"做出了水彩的延展。

而這樣的延展，在內頁設計用配合直觀的“意向圖”，通過手繪的，千里馬（理念），書本（課程關系），講師（團隊），大腦（課程思維方式）很直觀的表現出課程理念，團隊，不同課程的訴求。

另外整體設計風格，表達出的是簡約而非簡單，二者之間區別在于對主體信息的營造上，簡約的細節更豐富，精致，內斂，但是整體在空間中所占的比例不一定很多，信息與空白之間會通過其他元素構成更豐富的空間，所以簡約的設計看起來既豐富，又清晰；

而簡單元素更多是獨立的，信息單一的元素和空白的組合。和周圍信息缺乏聯系。

整體設計特征延續水彩手繪這樣的方式，用同樣的特征延續會讓整體感更加強烈。

我們面對客戶的時候，我經常會用這樣的風格作為第一稿，穩重，直接，準確。最清晰的手法展示客戶的訴求。

（這是群內投票第一的作品。）

第二組作品風格展示

這一組作品的構思我一直覺的是比較難的，因為設計（創意）很多時候難點在于，用一個“事物”去象征目標，這個“事物”有可能是花（代表芬芳，環境等），鳥（代表自由，飛翔，天空），魚（代表吉祥，富貴等）等等可能，并且要求正確的聯想到。

這位設計師劉蕤從武俠中獲得靈感，并且把課程和武功進行了對應，初級全面課程（煉精化氣）；中級精英課程（煉氣化神）；高級提升課程（練神還虛）這樣就把課程學習的提升和武俠修煉的提升合二為一了。

而在平時的客戶中，我們選擇其他類型的象征“事物”來比喻比喻團隊（拼圖），發展（橋梁）等等，但是如果能夠讓整本畫冊在選擇的象征“事物”上保持一個種類，整體性就會更加強烈，比如動物系列（熊的力量，鷹的眼睛，豹的速度），植物系列（陽光下的植物象征企業的發展），都是很容易表達企業象征性的設計）

我們面對客戶的時候，我經常會用這樣的風格作為第二稿，用富有變化，具備更多的寓意，畫面感更加強烈的手法展示客戶的訴求。

（這是群內投票第二的作品。）

第三組作品風格展示

設計師楊楊 在設計再組作品的初期先確定了一個方向，就是我們畫草圖的鉛筆在繪制過程中所產生的鉛筆屑，筆屑的產生就象征了大量繪制的草圖，也代表了努力的表現（越用工，鉛筆削的次數越多，筆屑越多）所以用這樣的素材手動拼接的課程logo"Q"就更具有行業屬性和特征。

而整體的設計也是圍繞學習，會產生的草圖，指針（寓意學習方向）等表達和課程和學員的關系。

我們面對客戶的時候，我經常會用這樣的風格作為第三稿，提案我如果給三個方向，多數會現代/傳統/保守三個方向。（這是群內投票第三的作品。三個作品之間只有1-3票的差距）

這是第三種方式，雖然也是寓意類型但所舉例的圖片，更貼近客戶行業的本身，讓讀者聯想的距離減小。并且在學員作品展示的頁面中對作品的表達請加清晰，所屬設計師更加明了。

今天這三位設計師都是往期非常優秀的學員，他們自己都經歷過課程的內容，所以，在表現上更加精準。設計師在和客戶接觸的同時，如果可以減少電腦操作的時間，多一些溝通，多一些訪談，更加了解之后，多個風格表現，就會因為我們有更加豐富的了解，從而產生更多準確的設計切入點，風格自然就會更加多樣化。

最后我一直覺得版式的產生不能依靠單純的網格，沒有所謂固定的版式（前提要保證畫面的閱讀順序），網格帶給你的是規則，整體性。但是設計也需要正確的思路，思路再通過網格進行歸納整理，這樣設計出的畫面會更富有變化。

【優設本月最高人氣好文前三名揭榜！】

第三名！找圖片的實用小技巧！
《設計師找圖指南！從零開始教你找到能過稿的背景大圖》

第二名！最受歡迎的字體素材打包下載！
《字體排行榜！2014年最受歡迎的35款字體素材打包下載》

第一名！給設計師的暖心的勵志文！
《給迷茫的你！設計師的工作，可以做一輩子嗎？》

投稿者：@南征南征

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量85萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：