本篇要寫的是設(shè)計流程鹉动，我相信很多初學(xué)者（說的自己很厲害似的）拿到需求之后經(jīng)常會腦袋一片空白，無從入手宏邮。所以泽示，有一套設(shè)計流程缸血，能很好的幫助我們提高出圖效率。
我們先看看這次的案例素材械筛。（素材來源于網(wǎng)絡(luò),如涉及侵權(quán),請聯(lián)系作者刪除）
設(shè)計流程一·整理信息
拿到文案的我們捎泻，首先要按照需求列好重點內(nèi)容、分析好層級關(guān)系埋哟。因為相同內(nèi)容會因為目的不同而改變笆豁。例如：
在這里我們假設(shè)素材的文案層級關(guān)系與分組為下圖：
設(shè)計流程二·設(shè)置版心和邊距
整理完信息后，就是設(shè)定版心和邊界赤赊。不同版心的設(shè)定闯狱，會不同程度度地改變整體視覺效果。
那是不是所有內(nèi)容都要規(guī)規(guī)矩矩的待在版心內(nèi)抛计？答案是否定的哄孤，很多優(yōu)秀的作品也時長打破常規(guī)來呈現(xiàn)不同的視覺效果。例如：
設(shè)計流程三·設(shè)置網(wǎng)格
版心大小確定好了吹截，接下來我們?yōu)榱俗寖?nèi)容更統(tǒng)一有秩序地高效率填充在版面中瘦陈，網(wǎng)格是我們當(dāng)下強有力的輔助工具。PS可以在視圖-新建參考線版面里直接調(diào)出網(wǎng)格設(shè)置波俄。AI的話晨逝，可以下載輔助線插件guideguide（記不住懦铺？貴的×2Ｗ矫病）。
我們給這次案例設(shè)置一個5列7行的一個網(wǎng)格阀趴。
設(shè)計流程四·內(nèi)容填充
這里的內(nèi)容填充就顧名思義昏翰，把開頭整理好的圖文信息，在設(shè)置好版心刘急、邊距棚菊、網(wǎng)格的版面上填充好。大致如下圖：
設(shè)計流程五·強弱對比
說白了就是把重要的內(nèi)容叔汁，層級高的信息统求，讓其突出；反之則讓其凹進不那么突出据块。具體方法有大小對比码邻、透明度高低對比、冷暖對比等另假。我們先對案例這樣處理：
設(shè)計流程六·配色
到這一步其實版面也差不多完成了像屋，可是總覺得缺了點玩意，不如我們給它點顏色看看边篮？
設(shè)計流程七·字體
嗯~字體這個就很有講究了己莺，什么男性奏甫、女性、卡哇伊凌受、襯線體阵子、無襯線體......這里先不細(xì)講，重點講的是設(shè)計流程胜蛉，看效果圖：
設(shè)計流程八·信息圖形化與裝飾
這一步可以讓畫面更加生動挠进、有質(zhì)感，使其更加耐看誊册。文字圖形圖標(biāo)化领突，簡單的例子就是地址變成地圖的形式去展現(xiàn)，在不丟失功能性的情況下讓畫面更加容易理解或美觀（案例里沒用到）解虱。裝飾就不用多說了攘须，看圖漆撞。
流程到這里就結(jié)束了殴泰，只要完成以上八個步驟，不說能做的多好浮驳，起碼達到合格線悍汛。并且按照這個流程去多多練習(xí)，確實會提升自己的工作效率至会。
感謝閱讀离咐！
