在開(kai)始設計(ji)前，如(ru)果不事先理(li)清楚設計(ji)目的和(he)使用的場景，就(jiu)一(yi)頭栽進去亂做，這樣是不行(xing)的。一(yi)開(kai)始隨(sui)心所欲的進行(xing)，到最后(hou)只會出(chu)現結果與需求不符，一(yi)改再改。

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

△ 設計流程圖

一. 整理內容+溝通需求

不要邊(bian)做邊(bian)想，先溝通和(he)整理出必(bi)要的內(nei)容，列好重點(dian)內(nei)容的層(ceng)級關系，再在(zai)開始設計。例(li)如：

△ 相同(tong)內容會因為目的不同(tong)而改變設計

在我(wo)的(de)設計經驗中，這(zhe)部分其實是最重(zhong)要的(de)，它占了(le)整體(ti)時間的(de)60%以上。原則就是：需求不清晰，絕不動(dong)手，不(bu)然，只有改(gai)(gai)改(gai)(gai)改(gai)(gai)。

開(kai)始設(she)(she)計前，要和(he)客戶仔(zi)仔(zi)細(xi)細(xi)溝通(tong)好設(she)(she)計需求，例如：為什(shen)(shen)么(me)要做(zuo)這張(zhang)海報？目的(de)(de)(de)是什(shen)(shen)么(me)？想(xiang)要傳達(da)什(shen)(shen)么(me)內容(rong)？想(xiang)要達(da)到什(shen)(shen)么(me)效果？等等，以此(ci)來(lai)明確我(wo)們的(de)(de)(de)設(she)(she)計方向。接著再(zai)假設(she)(she)看到這份設(she)(she)計的(de)(de)(de)人會在什(shen)(shen)么(me)時(shi)候？什(shen)(shen)么(me)地點？在做(zuo)什(shen)(shen)么(me)？等，加以整理(li)內容(rong)優先級處理(li)。

好，那現在我們(men)先(xian)來個(ge)完整示例：先(xian)看(kan)看(kan)我們(men)有什么素材可以用(yong)。

拿到(dao)設計內容了(le)，那就(jiu)先整理信息，然后排列優先級

例如示例中，是(shi)店鋪(pu)開張的宣傳(chuan)單，那重點(dian)信息(xi)就是(shi)“店面開張”和(he)“開張促銷”，就可以像這(zhe)樣列出設計(ji)的內容，加以整(zheng)理(li)，同(tong)時也決定優先順序。這(zhe)就是(shi)設計(ji)的第一(yi)步。

二. 排(pai)版1：設定版心與(yu)邊界

整(zheng)理(li)完內容(rong)后，就是設定版(ban)(ban)心和邊界。不同版(ban)(ban)心的設定，會(hui)大幅改變整(zheng)體視(shi)覺(jue)效(xiao)果。

擺放文字資訊、圖片(pian)等內容的區域稱為(wei)「版心」，其(qi)他區(qu)域則(ze)稱為「邊(bian)界(jie)」。

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

三. 排(pai)版2：設(she)定網格

決定好版(ban)心(xin)和(he)邊界后，即可開始編排內容要(yao)素(su)。在這(zhe)個階段，「網格」是最有力的輔助(zhu)工具。

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

△ 示(shi)例中設定(ding)了豎10格(ge)(ge) × 橫(heng)7格(ge)(ge)的(de)網(wang)格(ge)(ge)

四. 排版3：安排優先順序(xu)

這里(li)要(yao)開始使用前(qian)三步(bu)的(de)準(zhun)備工作，「安排優先順(shun)序(xu)」是(shi)指思考要(yao)將內容配置在(zai)版(ban)面(mian)的哪(na)個位置，不是(shi)重(zhong)要(yao)的則低(di)調，按照內容的重(zhong)要(yao)性在(zai)版(ban)面(mian)上編排。

另外，安(an)排(pai)優先順序時的(de)重點(dian)，是(shi)將內容(rong)相(xiang)似(si)的(de)資訊相(xiang)鄰配置，關(guan)聯性弱的(de)內容(rong)則(ze)分開排(pai)放。這樣的(de)做法能幫助閱讀者(zhe)快速理解內容(rong)。

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

一開始先(xian)將版面按內容劃(hua)分，接著以優先(xian)順序(xu)來(lai)編排(pai)要素，這時不(bu)需要美化(hua)。

五. 排版4：設定強弱

接著依照各要(yao)素的優先順序(xu)，進一步設定(ding)強(qiang)弱對比，為版面(mian)增(zeng)添(tian)強(qiang)弱對比后，設計的視覺感也會相對大(da)幅度提升。

設定強(qiang)弱的方法其(qi)實(shi)非常簡單(dan)，只要(yao)把強(qiang)調的內(nei)容(rong)放大(da)，其(qi)他要(yao)素縮小(xiao)，可增加節奏感。

六. 配色

配色很大程度決定了(le)設(she)計的(de)風格，配色理論(lun)非常深奧，與心理學是緊密關聯。但是，對于新(xin)手(shou)設(she)計師來說，建議先活(huo)用那(nei)些(xie)廣為(wei)人知(zhi)的(de)配色理論(lun)，如果有品牌(pai)色指(zhi)引那(nei)就(jiu)更好了(le)。

示(shi)例中，也是通(tong)過嘗試(shi)不同的顏色搭配(pei)方(fang)案(an)，來測試(shi)最好的效果。

七. 選擇文字(zi)和(he)字(zi)體

很多初級設計師會忽略字(zi)體(ti)的選擇(ze)，字(zi)體(ti)的風格也是(shi)絕大(da)程度影響畫(hua)面風格。選擇(ze)字(zi)體(ti)的原則是(shi)「不要使用(yong)多(duo)種字體」。單(dan)一版面中使用多種字體，只會讓整體缺乏統(tong)一性，導(dao)致失去視覺焦點。

△ 最終版本

這(zhe)次示(shi)例就算是(shi)完成了。若(ruo)能正(zheng)確完成以上八步(bu)，設(she)計至少(shao)是(shi)合(he)格線以上。這(zhe)個設(she)計的流(liu)程(cheng)看似繁復，實際是(shi)提高效率的方法，一步(bu)到位，達成最終的版面(mian)設(she)計。

最后說一句(ju)，設(she)計(ji)對(dui)設(she)計(ji)師的(de)(de)(de)考驗，不僅是把畫(hua)面做的(de)(de)(de)好(hao)看，更要有對(dui)信息(xi)內容邏輯(ji)的(de)(de)(de)處(chu)理能力，也是就我們說的(de)(de)(de)信息(xi)設(she)計(ji)——以最有效的(de)(de)(de)方式把內容傳達到位(wei)。