在開始設(shè)計前，如果不事先理清楚設(shè)計目的和使用的場景，就一頭栽進(jìn)去亂做，這樣是不行的。一開始隨心所欲的進(jìn)行，到最后只會出現(xiàn)結(jié)果與需求不符，一改再改。

尚未習(xí)慣之前，你會覺得這樣很麻煩，但還是建議按照流程做幾遍，會大幅度提高效率。設(shè)計流程總共分八個步驟：

△ 設(shè)計流程圖

一. 整理內(nèi)容+溝通需求

不要邊做邊想，先溝通和整理出必要的內(nèi)容，列好重點內(nèi)容的層級關(guān)系，再在開始設(shè)計。例如：

△ 相同內(nèi)容會因為目的不同而改變設(shè)計

在我的設(shè)計經(jīng)驗中，這部分其實是最重要的，它占了整體時間的60%以上。原則就是：需求不清晰，絕不動手，不然，只有改改改。

開始設(shè)計前，要和客戶仔仔細(xì)細(xì)溝通好設(shè)計需求，例如：為什么要做這張海報?目的是什么?想要傳達(dá)什么內(nèi)容?想要達(dá)到什么效果?等等，以此來明確我們的設(shè)計方向。接著再假設(shè)看到這份設(shè)計的人會在什么時候?什么地點?在做什么?等，加以整理內(nèi)容優(yōu)先級處理。

好，那現(xiàn)在我們先來個完整示例：先看看我們有什么素材可以用。

拿到設(shè)計內(nèi)容了，那就先整理信息，然后排列優(yōu)先級

例如示例中，是店鋪開張的宣傳單，那重點信息就是“店面開張”和“開張促銷”，就可以像這樣列出設(shè)計的內(nèi)容，加以整理，同時也決定優(yōu)先順序。這就是設(shè)計的第一步。

二. 排版1：設(shè)定版心與邊界

整理完內(nèi)容后，就是設(shè)定版心和邊界。不同版心的設(shè)定，會大幅改變整體視覺效果。

擺放文字資訊、圖片等內(nèi)容的區(qū)域稱為「版心」，其他區(qū)域則稱為「邊界」。

△ 示例中是將上下左右的邊界設(shè)定為8mm，保證足夠空間來擺放

三. 排版2：設(shè)定網(wǎng)格

決定好版心和邊界后，即可開始編排內(nèi)容要素。在這個階段，「網(wǎng)格」是最有力的輔助工具。

網(wǎng)格的設(shè)定方法有很多，可以參考下面的鏈接。一旦網(wǎng)格設(shè)定好之后，即可沿著網(wǎng)格線編排要素，輕松能完成一副規(guī)整的設(shè)計。

專業(yè)科班：《專業(yè)科班方法!幫你學(xué)會網(wǎng)格工具這個理性的排版利器》

平面高手：《網(wǎng)格系統(tǒng)的入門基礎(chǔ)知識+案例演示》

△ 示例中設(shè)定了豎10格 × 橫7格的網(wǎng)格

四. 排版3：安排優(yōu)先順序

這里要開始使用前三步的準(zhǔn)備工作，「安排優(yōu)先順序」是指思考要將內(nèi)容配置在版面的哪個位置，不是重要的則低調(diào)，按照內(nèi)容的重要性在版面上編排。

另外，安排優(yōu)先順序時的重點，是將內(nèi)容相似的資訊相鄰配置，關(guān)聯(lián)性弱的內(nèi)容則分開排放。這樣的做法能幫助閱讀者快速理解內(nèi)容。

例子中，目的是「讓潛在客戶知道本店開張」。因此，必須將開店的相關(guān)信息編排在足夠顯眼的位置。所挑選的照片素材，是讓圖片擔(dān)任視覺焦點、吸引眼球的角色。

一開始先將版面按內(nèi)容劃分，接著以優(yōu)先順序來編排要素，這時不需要美化。

五. 排版4：設(shè)定強(qiáng)弱

接著依照各要素的優(yōu)先順序，進(jìn)一步設(shè)定強(qiáng)弱對比，為版面增添強(qiáng)弱對比后，設(shè)計的視覺感也會相對大幅度提升。

設(shè)定強(qiáng)弱的方法其實非常簡單，只要把強(qiáng)調(diào)的內(nèi)容放大，其他要素縮小，可增加節(jié)奏感。

六. 配色

配色很大程度決定了設(shè)計的風(fēng)格，配色理論非常深奧，與心理學(xué)是緊密關(guān)聯(lián)。但是，對于新手設(shè)計師來說，建議先活用那些廣為人知的配色理論，如果有品牌色指引那就更好了。

配色理論：《色彩搭配速成!3個實用方法幫你全面搞定配色》

品牌色指引：《專門收錄世界知名品牌標(biāo)準(zhǔn)色的BrandColor》

示例中，也是通過嘗試不同的顏色搭配方案，來測試最好的效果。

七. 選擇文字和字體

很多初級設(shè)計師會忽略字體的選擇，字體的風(fēng)格也是絕大程度影響畫面風(fēng)格。選擇字體的原則是「不要使用多種字體」。單一版面中使用多種字體，只會讓整體缺乏統(tǒng)一性，導(dǎo)致失去視覺焦點。

△ 最終版本

這次示例就算是完成了。若能正確完成以上八步，設(shè)計至少是合格線以上。這個設(shè)計的流程看似繁復(fù)，實際是提高效率的方法，一步到位，達(dá)成最終的版面設(shè)計。

最后說一句，設(shè)計對設(shè)計師的考驗，不僅是把畫面做的好看，更要有對信息內(nèi)容邏輯的處理能力，也是就我們說的信息設(shè)計——以最有效的方式把內(nèi)容傳達(dá)到位。

本文資料來源：《馬上學(xué)會好設(shè)計》 坂本伸二 著, 謝爾鎂 譯，2017

歡迎關(guān)注作者的微信公眾號：「設(shè)計便利店」