五.案例演示

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

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

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

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

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

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

總結(jié)：

最后總結(jié)一下，我們在進(jìn)行版面設(shè)計時候，要注意從這幾個方面去不斷調(diào)整和檢查，同樣當(dāng)你看到一張海報的時候不知道怎么去思考和分析，也可以從這幾個方面入手：

1.主題是否鮮明?視覺焦點(diǎn)是否突出?

2.構(gòu)圖是否平衡?(3種平衡關(guān)系)

3.設(shè)計原則是否合理運(yùn)用?(6個設(shè)計原則)

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

參考書籍和文章：

《寫給大家看的設(shè)計書》——Robin Williams

《平面設(shè)計原理》——alex w.white

《版式設(shè)計原理》——Chris Do

《色彩設(shè)計法則》——梁景紅

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