我們先看看這次的案例素材。(素材來源于網絡,如涉及侵權,請聯系作者刪除)

設計流程一·整理信息

拿到文案的我們，首先要按照需求列好重點內容、分析好層級關系。因為相同內容會因為目的不同而改變。例如：

在這里我們假設素材的文案層級關系與分組為下圖：

設計流程二·設置版心和邊距

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

那是不是所有內容都要規規矩矩的待在版心內?答案是否定的，很多優秀的作品也時長打破常規來呈現不同的視覺效果。例如：

設計流程三·設置網格

版心大小確定好了，接下來我們為了讓內容更統一有秩序地高效率填充在版面中，網格是我們當下強有力的輔助工具。PS可以在視圖-新建參考線版面里直接調出網格設置。AI的話，可以下載輔助線插件guideguide(記不住?貴的×2!)。

我們給這次案例設置一個5列7行的一個網格。