只要透過結構性，就能讓畫面協調 ＃ 適用於製作文宣＃ 懶人包也可以喔！
圖像搭配文字，可以說是視覺化的基本組合，但也令人頭疼。
一張圖片、一段文字，在畫面上該如何擺放與搭配？到底圖片該放左邊、還是右邊？文字又該放在哪裡比較合適？
我們希望，讓整個畫面可以展現出整體感與協調性。關鍵就在於視覺法則中的「結構性」選擇。
有四個聰明對策，可以讓你輕鬆做出專業的圖文搭配：
ㅡ 聰明對策 1：用遮罩來弱化圖片成為背景，降低對文字的干擾ㅡ 聰明對策 2：找圖片的空白部位，沒有就自己創造ㅡ 聰明對策 3：借用圖片中人物或物品的輪廓線ㅡ 聰明對策 4：放在圖片中視線引導的路徑上（起點、中繼點、終點）
我會用一個案例，告訴你如何利用這些聰明對策來解決圖文搭配的難題。
案例11 為一段文案，找到一張合適的圖片搭配
在為企業提供視覺化相關的培訓時，我常常會出一道題目讓學員練習。（見圖3-60）
「請幫一段文案，找到一張合適的圖片來搭配。」
當你聽到這樣的題目，會打算如何進行呢？其實，我希望透過這樣的練習讓學員們思考幾件事：
1. 什麼樣的圖片，會適合這樣的一段文案呢？
2. 如果找到了，該如何進行圖文搭配？
3. 如果找不到滿意的圖片，又該怎麼辦呢？
4. 哪裡可以找到這些圖片呢？如何節省找圖的時間？
我請學員分為三組，限時十分鐘討論並尋找到一張圖片。十分鐘過後，我請各組學員分享他們找到的圖片與搭配的想法。（見圖3-61）
→ 第一組，認為「簡報」（Present）也有「禮物」之意，希望送禮與收到的人都會感到開心，覺得蠻符合這段文案所要表達的意涵，所以選了送禮的圖片。→ 第二組，就簡報的場景來發想，同時考慮到有足夠的空間可以放置這段文案，所以選了一張台下群眾的圖片。→ 第三組，選了一張小孩面向麥克風發聲的圖片，沒有特別的理由。
然後，我請各組就挑選出的圖片，搭配文案來做出視覺化呈現。我希望你也可以想想看，換作是你會挑選到什麼樣的圖片來搭配？又會做出什麼樣的視覺化作品呢？
第一組，採用了第一種對策，先將圖片裁減出符合版面大小，然後加上一張半透明的黑色遮罩，將文案直接排列在畫面上。（見圖3-62）
這樣的做法是最省事的，只要加上一層遮罩，就可以將文字擺放在畫面上的任何地方。不過，我們還是可以利用黃金比例輔助線，找到較合適的文字排列區域。
這張圖片，能不能採用其他的對策？
當然可以。比方說，選擇第二個對策，找尋圖片的空白部位。但這張圖的人物在畫面正中央，兩旁的空白部位不適合放置這麼多文字的內容；所以，我們可以裁切這張圖片，保留一半的人物放在畫面的左邊，在右邊放上一個漸層的黑色遮罩，最後再將文案放置在畫面右邊。（見圖3-63）
再來看看第二組的表現。他們採用了第二個對策，直接將文案放置在圖片左上方的空白部位，這也是當初選擇這張圖片的原因：有一大片的空白部位。（見圖3-64）
以這張圖片來說，這樣的圖文搭配方式已經算是最好的選擇了。如果硬要吹毛求疵，我想就是圖片左上方是最亮的地方，文案內容用白色字體來呈現，可能會不易分辨。
關於這個問題，只要加上一個漸層的黑色遮罩就可以解決了。（見圖3-65）
當然，這張圖片也可以採用第一個對策，就像第一組一樣的做法。（見圖3-66）
最後，來看看第三組的作品。
他們挑了一張頗有意境的圖片，看起來應該會採取第一個對策，直接加上一個半透明遮罩，不過這樣就太可惜這張圖片了；所以他們挑選了第二個對策， 選擇在左邊加上一個漸層遮罩，然後放上文案內容的做法。（見圖3-67）
我對第三組的學員提出了建議，不妨試試第三種對策，借用圖片中人物的輪廓線。
不過，我們得先處理圖片中左邊的麥克風。可以利用裁切圖片的方式，將麥克風的部分除去，然後將中間那一塊灰色背景拉寬放大來補齊不足的部位。（見圖3-68）
利用重新調整過的圖片，我們可以將文案沿著圖片中人物的側臉輪廓線， 來擺放文案內容，並採用標楷體字型來做出有設計感的視覺化效果。（見圖3-69）
案例重點提醒1. 圖片的選擇以搭配文字內容為優先考量。2. 如果時間緊迫或找不到更好的圖文搭配，就採用第一個對策，直接加上一個半透明遮罩。3. 善用圖片裁剪的技巧來創造出需要的圖樣，再採用第二個、第三個圖文搭配的對策。
(下一篇：瞬間抓住讀者目光「圖文懶人包」該怎麼做？)
(本文摘自劉奕酉著《20道資料視覺化難題全解析：提案、簡報、圖表、讓數據說話、35個案例現學現套用，將訊息植入對方心智，讓大家都聽你的！》，新樂園提供)