在地上跑的生魚片小站

前言

為了模擬一個比較基礎，甚至可以說有點糟糕的情境，這裡準備的底圖非常樸素，幾乎是由Mapbox所直接產出，只刪掉了圖示與文字，配色也是隨機挑的，不是很好應用的配色。而這篇文章的目的，就是要盡可能地將這樣不太理想的素材，變得還算堪用，按照後面的思路進行調整，就再也不怕碰上必須使用這種難用素材的狀況了。

概念說明

前置操作

因為要純粹依靠那張基本底圖來操作，多少還是有些難度，所以我們可以先額外產出一張「去背」，也就是把白色部分變成透明的版本，這部分要使用網路上的工具，或者PS之類的軟體自己操作都可以。

共通邏輯

文字背景

因為直接將文字說明加在底圖上可能會太亂，所以可以考慮在空餘處放置整片色塊（像後面的範例那樣），顏色上通常有兩種選項，一個是基本款的白色，另一個則是跟底圖同色系的色塊，這裡是選用了後者並搭配白色的字。而這個做法要注意的是，這種配色會有點讓字被背景吃掉，務必根據狀況謹慎選擇。

文字調整

製作這類排版時，可以將說明主體文字的行距與字距加大，使其看起來有空氣感。標題則可以使用鮮活一些的字體，並配合主題的調性進行選擇，不知道選甚麼字體的話，POP類型的字體通常是不錯的安全牌。

視覺引導

最後不要忘記的是，可以考慮加上一些簡單的視覺導引，這邊選擇統一在右下角放置了裝飾性的文字（真的沒有的話，也可以把標題或內文翻譯成別的語音當成裝飾性文字），並配合兩條導引線，可以簡單地進行視覺控制。

範例一

第一個範例簡單而中規中矩，幾乎沒有技術力的要求，但效果的確也相對不理想，內容只簡單地標示出要強調的區塊主體，假定的情境則是用來表達設計地區或研究地區。

範例二

範例二則是將底圖中的特定區塊切出，雖然會失去討論其與外圍的能力，但根據狀況不失為一個選項，且如果要再進行額外的加工（描述內部細節等等），會比較有配置空間。

另一種版本則是將周邊區域淡化，既保持了重點區域的凸出性又能一定程度保留周邊的資訊，兩種方法可以根據需要來進行選擇。

原則上只要再對這兩個版本進行簡單的加工，就可以做成下面的效果，這樣應該就有很不錯的說明性了。

範例三

如果使用前面做的「白色區域為透明」底圖當作基礎，則可以做成範例三的形式。在排版上的整體性會比較強，以簡報來說不見得適合，但做成書或者海報則有時候意外有奇效。