五.案例演示

上面的案例大部分是平面展覽或者電影海報，那么實際工作中的網(wǎng)頁，banner，閃屏或者ui界面這些怎么辦呢?其實方法都是一樣的，版面設計的原理應用在各個方面。這里演示一個移動端banner設計案例吧。

首先，運營小姐姐的文案非常簡潔，沒有冗長到讓我要分成一級二級三級;其次需求的目的也很明確，就是要突出2個素材和按鈕;最后風格也沒有奇奇怪怪的提議，只要和產品整體調性一致就好。那么在這里要介紹一下產品的背景了，pins是一款少女心拼圖app，界面簡潔清新，多種布局模板和背景。很快的，我在腦海中簡單地構思了一下構圖的方式。其實3種構圖形式都是可以的，但是為了更好的突出按鈕和素材效果，我最后選擇了對角線構圖。

先在黑白稿的情況下把文案和主體布局好，讓主次關系清晰;考慮到目標用戶大部分是女生，使用了圓形字體，配色主要是參考了pins的logo的配色，少女心的品牌色;最后細節(jié)調整，加上一些點綴的元素，其中網(wǎng)格是pins比較受歡迎的背景。一個簡單的banner就這樣完成了。

當我們的工作內容無法滿足做文字比較多的平面海報的欲望時，可以考慮自命題的練習。當時聽到許巍《無人知曉》這首新歌的時候，有一些感悟和想法然后做了一些C4d素材，想利用它作為主體和歌名做一下排版練習：

在開始動手做之前我就想好了這次想做一個視覺直觀而強烈的海報，再加上主體是文案和素材的結合，所以我才采用了滿版構圖。在黑白灰中將主角和配角的位置確定好，再去調整字體和距離。

然后調整主體中4個字和素材之前的交叉和重疊，細節(jié)調整后，我嘗試了2個配色方案，一種是利用主體素材的顏色進行搭配，平靜和諧;另外一種是紅藍配色，直觀強烈。

總結：

最后總結一下，我們在進行版面設計時候，要注意從這幾個方面去不斷調整和檢查，同樣當你看到一張海報的時候不知道怎么去思考和分析，也可以從這幾個方面入手：

1.主題是否鮮明?視覺焦點是否突出?

2.構圖是否平衡?(3種平衡關系)

3.設計原則是否合理運用?(6個設計原則)

4.細節(jié)是否豐富? 是否有趣? 細節(jié)考驗著設計師的情懷。(字體、色彩、光影等)

參考書籍和文章：

《寫給大家看的設計書》——Robin Williams

《平面設計原理》——alex w.white

《版式設計原理》——Chris Do

《色彩設計法則》——梁景紅

以上圖片采編于網(wǎng)絡，版權歸屬原作者