我們先看看這次的案例素材。(素材來源于網(wǎng)絡(luò),如涉及侵權(quán),請(qǐng)聯(lián)系作者刪除)

設(shè)計(jì)流程一·整理信息

拿到文案的我們，首先要按照需求列好重點(diǎn)內(nèi)容、分析好層級(jí)關(guān)系。因?yàn)橄嗤瑑?nèi)容會(huì)因?yàn)槟康牟煌�而改變。例如�?/p>

在這里我們假設(shè)素材的文案層級(jí)關(guān)系與分組為下圖：

設(shè)計(jì)流程二·設(shè)置版心和邊距

整理完信息后，就是設(shè)定版心和邊界。不同版心的設(shè)定，會(huì)不同程度度地改變整體視覺效果。

那是不是所有內(nèi)容都要規(guī)規(guī)矩矩的待在版心內(nèi)?答案是否定的，很多優(yōu)秀的作品也時(shí)長打破常規(guī)來呈現(xiàn)不同的視覺效果。例如：

設(shè)計(jì)流程三·設(shè)置網(wǎng)格

版心大小確定好了，接下來我們?yōu)榱俗寖?nèi)容更統(tǒng)一有秩序地高效率填充在版面中，網(wǎng)格是我們當(dāng)下強(qiáng)有力的輔助工具。PS可以在視圖-新建參考線版面里直接調(diào)出網(wǎng)格設(shè)置。AI的話，可以下載輔助線插件guideguide(記不住?貴的×2!)。

我們給這次案例設(shè)置一個(gè)5列7行的一個(gè)網(wǎng)格。