原文標(biāo)題:《1 頁，我竟然改了 3 個(gè)小時(shí)！》

上周我重啟了《粉絲改稿》欄目，陸續(xù)收到了一些粉絲的投稿。

其中有個(gè)投稿吸引了我的注意，來信如下:

他是從事旅游工作的，投遞的稿件如下:

每頁信息量都很大，我選擇了一頁最具代表性的片子與你分享改進(jìn)思路。

首先來回顧下粉絲的投稿需求:

總結(jié)起來就 2 點(diǎn):1.更好看；2 地域特征鮮明些。

面對這個(gè)需求，你會如何設(shè)計(jì)呢？簡單思考幾秒鐘:

好，下面分享下我的設(shè)計(jì)思路。

這頁片子需要具備 2 大功能:

1.方便游客了解每日行程2.對本次旅游充滿期待(美觀)

01.更易讀

頁面里元素非常多，看上去很累。

先做個(gè)初步的規(guī)整，將背景刪除:

同層級文字統(tǒng)一字號，對關(guān)鍵路徑節(jié)點(diǎn)突出顯示:

下方的時(shí)間軸文字也做了簡化，第幾天完全可以用 DX 來表示。

這個(gè)版本雖有改進(jìn)，但還是有些亂，問題出在哪呢？

其實(shí)關(guān)鍵在于主次不突出。站在游客的視角，首先關(guān)注的是總的游覽路線，其次才是沿途的風(fēng)景。

于是，我將次要信息弱化:

河流的藍(lán)色及寺廟的咖色保留，山脈則改為灰色，整體就清爽了許多！

但此時(shí)還有個(gè)問題，線路整體是從右往左看的，并不符合閱讀習(xí)慣。

需要水平翻轉(zhuǎn)一下:

雖然地理位置上:麗江在拉薩東邊。

但站在游客的角度，更關(guān)心它的易讀性，因此從左往右的閱讀順序更為契合。

02.更好看

接著來考慮美化的事。

粉絲希望頁面更具地域?qū)傩?，其?shí)這個(gè)并沒有聽起來那么復(fù)雜。所謂地域?qū)傩跃褪嵌嗉訋讖埉?dāng)?shù)靥厣娘L(fēng)景照片！

比如麗江和拉薩(布達(dá)拉宮)。因?yàn)楫?dāng)?shù)氐娘L(fēng)景就是最好的旅行名片！標(biāo)題也改為麗江 拉薩直奔主題！

接著做些細(xì)節(jié)調(diào)整，將底部的時(shí)間軸上移:

因?yàn)槿藗兊牧?xí)慣是，先了解總體行程，再看對應(yīng)的細(xì)分安排。是不是更順暢了呢？

但此時(shí)有個(gè)新的問題:時(shí)間軸和路線圖的對應(yīng)關(guān)系不是特別清楚。

解決方案是用色塊區(qū)隔:

將行程區(qū)間與下方的線路一一對應(yīng)，一目了然！是不是超棒呢！

來看下前后效果對比:

回顧改稿過程，再復(fù)雜的頁面，底層設(shè)計(jì)邏輯都是一樣的，即先做對再做好！多站在受眾角度思考問題，一切也就迎刃而解了！