見字如面,寶子們~
自咱們改稿起,主要是偏向美化流程與視覺方向,還沒有分享過偏文案與邏輯梳理類的,所以今天的改稿,就圍繞這樣的主題來展開吧。
我從知乎上挑了這樣一頁内容,一起來看看:
初稿頁面全是字,如果是你,會怎麼處理呢?
我相信,有一定基礎後,能夠輕易做出上圖這樣的三段式布局,再添加一些圖标、插圖等元素,最後可以做出一個不錯的頁面。
但是,文稿中的三段話,真的是并列關系嗎?
今天咱們呀,就從文案的角度分析,重新制作這一頁。
A. 拆分内容
總共三段内容,分别處理每一段,先來看看概念這一塊:
讀完後,我們試着拆一下。
大緻意思為:企業為滿足消費者需求,通過一系列方式,提供更好的購買體驗。
根據這個内容,我們将其圖示化:
接着來看第二段:零售業的演變
這一段比較好劃分,根據文案内容,可以先簡單地制作為時間軸:
最後,把我們的目光聚焦到第三段:價值
我們精簡一下文案,分成三條,每條用一句話概括:
第三段的文字整理後為:
B. 合并文案
文案已經處理好了,我們現在需要梳理三塊内容之間的關系,通過一定的“線條”串起來。
第一段是全渠道的概念;第二段是零售的演變過程,演變的最終結果為全渠道;第三段是對全渠道的的價值評論。
通過概述三段的核心内容,是不是腦海中的“線條”就清晰了許多呢?
接下來,我們試着優化頁面的結構。
“線條”為全渠道,通過全渠道将三段内容聯系起來,同時要考慮做好視覺引導。
我們可以先以零售的演變開始,當它演變到全渠道後,由此引出全渠道的概念圖示,接着再讓讀者了解全渠道的價值。
以上是我安排的結構,當然進行這一步之前,其實我還在頁面上簡單地劃分了一下大小比例,為了保持頁面整體的平衡感。
建議大家在做稿子之前也采用這樣的方法,會省去來回調整比例的時間,方便快速出稿。
美化的話,可以先分塊進行,先處理演變的時間軸:
接着再處理第二塊的概念圖示:
之後處理價值部分的内容:
最後,嘗試将三個部分組合起來。
A. 第一個版本
★ 檢查并發現問題:頁面層級難以區分。
文字的字号、内容組的間距、插畫的使用等,使得所有内容都“糊”在一起,看起來像是簡單的素材堆疊。
★ 缺少合理的視覺引導
讀者視線落上來的時候,感覺全是重點。
其實,在察覺到這一版感覺不是很對的時候,我還做了第二版。
B. 第二個版本
這一頁和上一頁的不足是一樣的,而且還有一個明顯的問題:
元素風格混亂,使用了寫實的人物、扁平的插畫、漸變的色塊。
明确問題後,我們就要着手修改這一頁了。
C. 第三個版本
根據前面分析出來的問題,可以這樣處理:
★ 調整文字大小,重新規劃闆塊,用線條與箭頭引導讀者視線
标題最大,緊接着是零售業演變的過程,最後為全渠道的概念和價值。
★ 弱化全渠道概念和價值的質感
這一步的目的,是通過調整色彩與面積占比,來對比突出不同闆塊間的層級,從而優化讀者的閱讀順序。
★ 調整三塊内容在頁面的占比
在做第一版的時候,我把概念内容放到了最大,其實返回去看原稿,這三塊内容的比例篇幅是一樣的。
所以在優化第二稿的時候,我把插畫素材删掉了,既削弱了概念部分的重要性,又統一了不同闆塊間的風格:
到此,改稿就結束了,其實這一篇,我花時間比較多的地方不是分析文案,而是梳理邏輯與美化頁面。
作為設計師呢,我們要權衡好每一個頁面的每一處,究竟要不要加質感、加素材……既要能做加法,也要勇于做減法。
其實最後一頁,更改的地方不止寫出來的這些,大家還可以發現哪些細節呢?歡迎在評論區讨論。
最後,再來整體回顧一下改稿過程:
本文改稿的 PPT 源文件,如果想要下載拆解學習,可以在 AboutPPT 導航閱讀原文自取哈。
以上,就是今天分享的全部内容,希望對你有所啟發~
,