見字如面，寶子們~

自咱們改稿起，主要是偏向美化流程與視覺方向，還沒有分享過偏文案與邏輯梳理類的，所以今天的改稿，就圍繞這樣的主題來展開吧。

我從知乎上挑了這樣一頁内容，一起來看看：

初稿頁面全是字，如果是你，會怎麼處理呢？

我相信，有一定基礎後，能夠輕易做出上圖這樣的三段式布局，再添加一些圖标、插圖等元素，最後可以做出一個不錯的頁面。

但是，文稿中的三段話，真的是并列關系嗎？

今天咱們呀，就從文案的角度分析，重新制作這一頁。

A. 拆分内容

總共三段内容，分别處理每一段，先來看看概念這一塊：

讀完後，我們試着拆一下。

大緻意思為：企業為滿足消費者需求，通過一系列方式，提供更好的購買體驗。

根據這個内容，我們将其圖示化：

接着來看第二段：零售業的演變

這一段比較好劃分，根據文案内容，可以先簡單地制作為時間軸：

最後，把我們的目光聚焦到第三段：價值

我們精簡一下文案，分成三條，每條用一句話概括：

第三段的文字整理後為：

B. 合并文案

文案已經處理好了，我們現在需要梳理三塊内容之間的關系，通過一定的“線條”串起來。

第一段是全渠道的概念；第二段是零售的演變過程，演變的最終結果為全渠道；第三段是對全渠道的的價值評論。

通過概述三段的核心内容，是不是腦海中的“線條”就清晰了許多呢？

接下來，我們試着優化頁面的結構。

“線條”為全渠道，通過全渠道将三段内容聯系起來，同時要考慮做好視覺引導。

我們可以先以零售的演變開始，當它演變到全渠道後，由此引出全渠道的概念圖示，接着再讓讀者了解全渠道的價值。

以上是我安排的結構，當然進行這一步之前，其實我還在頁面上簡單地劃分了一下大小比例，為了保持頁面整體的平衡感。

建議大家在做稿子之前也采用這樣的方法，會省去來回調整比例的時間，方便快速出稿。

美化的話，可以先分塊進行，先處理演變的時間軸：

接着再處理第二塊的概念圖示：

之後處理價值部分的内容：

最後，嘗試将三個部分組合起來。

A. 第一個版本

★ 檢查并發現問題：頁面層級難以區分。

文字的字号、内容組的間距、插畫的使用等，使得所有内容都“糊”在一起，看起來像是簡單的素材堆疊。

★ 缺少合理的視覺引導

讀者視線落上來的時候，感覺全是重點。

其實，在察覺到這一版感覺不是很對的時候，我還做了第二版。

B. 第二個版本

這一頁和上一頁的不足是一樣的，而且還有一個明顯的問題：

元素風格混亂，使用了寫實的人物、扁平的插畫、漸變的色塊。

明确問題後，我們就要着手修改這一頁了。

C. 第三個版本

根據前面分析出來的問題，可以這樣處理：

★ 調整文字大小，重新規劃闆塊，用線條與箭頭引導讀者視線

标題最大，緊接着是零售業演變的過程，最後為全渠道的概念和價值。

★ 弱化全渠道概念和價值的質感

這一步的目的，是通過調整色彩與面積占比，來對比突出不同闆塊間的層級，從而優化讀者的閱讀順序。

★ 調整三塊内容在頁面的占比

在做第一版的時候，我把概念内容放到了最大，其實返回去看原稿，這三塊内容的比例篇幅是一樣的。

所以在優化第二稿的時候，我把插畫素材删掉了，既削弱了概念部分的重要性，又統一了不同闆塊間的風格：

到此，改稿就結束了，其實這一篇，我花時間比較多的地方不是分析文案，而是梳理邏輯與美化頁面。

作為設計師呢，我們要權衡好每一個頁面的每一處，究竟要不要加質感、加素材……既要能做加法，也要勇于做減法。

其實最後一頁，更改的地方不止寫出來的這些，大家還可以發現哪些細節呢？歡迎在評論區讨論。

最後，再來整體回顧一下改稿過程：

本文改稿的 PPT 源文件，如果想要下載拆解學習，可以在 AboutPPT 導航閱讀原文自取哈。

以上，就是今天分享的全部内容，希望對你有所啟發~