關西十二日 | 旅遊手冊分享 & 教學！ - 旅遊

圖文好讀版 → https://dtl.pse.is/9TUUZ

-

https://i.imgur.com/cXJmrOv.jpg

今年的夏天帶著很久沒出國的家人一起到日本關西自助旅行十二天，在安排行程時不巧在

日旅版的精華區中看到許多人分享的自製旅遊手冊，當時覺得有趣便也自己無聊做了兩頁

，沒想到一去不復返，不知不覺中就幾乎把整本旅遊手冊都做完了，不過中間因為考試等

原因怠惰了不少時間，以至於最後幾天的行程草率收尾，但整體還是覺得相當滿意就是。



初衷

最開始會想要認真做完這本旅遊手冊的主因，是因為怕家人到了京都的寺廟時，會覺得好

像都很類似而覺得無聊，因此決定把寺廟、神社等等的介紹都簡單歸納到手冊內，希望家

人在欣賞景點外也能多了解日本文化或是景點的歷史意義。


除了這層實質意義外，因為自己大學的幾年曾經在系學會行銷部等組織待過，慢慢從

Powerpoint 這些基礎軟體接觸到 Adobe Illustrator 的進階軟體，開始自己設計投影片

、海報封面等等，對於 Flat Icon 這類精美小圖像特別有興趣，也藉由這個機會測試自

己的設計實力，並試著將這些景點的建築、風景簡化為一個個的小圖示。


設計

一些設計的小原則

在開始進入手冊的介紹前，先簡單介紹一下我在製作手冊的幾個小原則：

字體要統一 |

我採取的字體是思源黑體，是 Adobe 與 Google 合作發行的免費字體，而且相當的勻稱

美麗，在使用時可將字的大小分為大 (16 px)、中 (14 px)、小 (10~12 px)，使用在大

標、小標以及內文上，並且可以將大小標使用粗體字標示。


顏色要勻稱 |

可以事先在 Adobe Color 或是 Color Palettes 這類的網站選定一個主題色，並且下載

主題色的圖片檔，就可以很快速的用滴管工具來調出漂亮的文字、圖片的顏色搭配了。另

外推薦文字的使用不要使用真黑色，可以選黑一點的灰色來使用會比較柔和喔。


https://i.imgur.com/yDhPYFF.jpg

當時心血來潮開始製作時，只先簡單的列出了想要放在最前面的旅遊資訊，分別是飛機班

次以及住宿地點，在列點列出資訊後，才開始東拼西湊，加上了日本地圖、自己畫了一台

小飛機跟路線圖、甚至還用點跟線畫出了飯店的位置。


關於地圖

在這邊推薦大家在加入地圖時，可以先使用 Google Map 選取好想要的地圖範圍後，右鍵

點選列印，並選擇儲存為 PDF 檔，就可以快速直接拉進 Ai 編輯而不需要忍受截圖的低

畫素與馬賽克感。另外在這兩頁所顯示的地圖是從 Pixel Map Generator 下載下來的，

在網頁中可以選擇要顯示的地圖區域、顏色以及造型，相當有趣。若不會使用搜尋

Pixel Map 也有許多人撰寫的教學文章可以參考。


Pixel Map | http://pixelmap.amcharts.com/


https://i.imgur.com/AYORmzD.jpg

在關西非常重要的交通資訊，是我在做完前兩頁後立刻補上的內容，除了將所有需要的票

券列出外也簡單的畫出了票券樣式的示意圖，並標上了使用的時間點。在製作旅遊書時相

當推薦也在一頁列出所有需要的票券，在機場購買時比較能有效的買到所有票券而不會漏

掉其中幾項。除了票券資訊外也在這兩頁列出了電車、巴士的乘車方式及需要注意的事項

，以免在日本觸犯了對方的禁忌，不過電車不能講話這項我想在大阪應該是不適用，幾乎

在地鐵、JR 上都可以聽到日本人吱吱喳喳的聊天談話聲，也許就是大阪人熱情的個性吧

！

https://i.imgur.com/oR1dVGq.jpg

在交通、住宿的資訊解決後，正式進入各天的行程介紹，在每天行程的第一頁我都採用此

格式設計封面頁，分別是一張代表性的圖片、當日主題、左手邊的粗略行程表以及右手邊

的交通速記與行程簡介。這樣的設計可以快速的讓同行的家人知道當日的主題與時間安排

，也比較不會搞混需要使用的交通票券。


關於圖片的選擇

在選擇圖片時，我主要參考 Flickr、Pixabay 以及 Unsplash 的圖庫。Flickr 相對於其

他兩者的好處是中文使用者多，使用中文搜尋圖片時也可以找到相當多精緻的照片，不過

下載使用時，要注意是否有創用 CC，若日後有打算發文分享相關照片的話可能需要標示

姓名以及網址連結才行。Pixabay 與 Unsplash 則是剪報製作者相當喜歡的圖庫，兩個網

站皆標榜高質感的相片，更厲害的是全部都是 CC0 創用，也就是可免費使用且不需要標

示姓名，對於擔心觸法或是侵犯他人財產權者是不錯的選擇，但缺點則是使用中文相當難

搜尋到想要的內容，使用英文比較能夠找到適當圖片。

創用 CC 介紹 | http://creativecommons.tw/explore


https://i.imgur.com/ShS1xgv.png

每日行程的主要重點是介紹各個景點的歷史以及看點，因此主要以文字為主；另外因為想

磨練自己繪製 icon 的技術，有許多景點都自己下載了圖片並試著用 Ai 的幾何圖案工具

拉出了簡化的圖片，個人花蠻多時間在這些地方的，如果沒有這樣子弄應該不用像我一樣

做很久 XD。當然除了景點的介紹外也有一些日本習俗的小介紹與冷知識，大多數是先上

網查資料再製作進本子的。這頁主要是教學怎麼進行神社的參拜，不過裏頭的第一點與第

二點搞錯順序了，看大部分日本人的做法應該要先投錢再搖鈴才是。


關於 ICON 的使用

我想大部分人應該不會像我一樣自己硬幹出一堆 icon，如果還是想要在旅遊手冊上增加

好看又有質感的圖片的話，有不少網站例如 Flaticon 以及 the noun project 裏頭有大

量的 icon 可以選擇。不過如果要免費使用這些 icon，記得要在使用時旁邊標註作者，

或是花錢購買 icon 的使用權，才不會侵犯智慧財產權。

(不過可能很難找到京都建築的 icon XD)

https://i.imgur.com/9VA4CSz.png

在所有繪製的 icon 裡面，我最得意的就是平等院鳳凰堂的這個，當時看著鳳凰堂的正面

照片畫到快起笑，後來東省略一點西省略一點才畫出現在這個樣子，雖然不是百分之百像

但也有 70% 了吧哈哈哈，當天在平等院看到鳳凰堂本尊時其實相當開心，但忘了把手冊

跟本人合照，不然應該會蠻酷的。


另外雖然我都有在冊子上標上地圖跟路線，不過人手一機的時代真的不需要放這些東西，

用手機看可以知道方向跟地點，看這種紙本地圖應該三兩下就迷路了吧，不過做這個的好

處是心理會比較有底應該怎麼走，才不會看著 Google Map 還是不知道該往哪邊，所以自

己斟酌囉。

https://i.imgur.com/mG5Z6M3.png

身為台灣人，去到國外最重要的就是必買、必吃的東西，因此在二、三年坂這麼重要的商

店街當然也少不了介紹土產的內容，除了文字敘述重要的東西外，也用簡單的圖片畫出了

各項土產的意象，雖然最後沒有全部都去吃或逛，但經過的時候還是覺得挺有趣的。


關於內容取捨

內容的部分我主要只有將景點的介紹放入，至於交通的部分雖然我有把比較長途的交通

(e.g. 往天橋立、奈良、神戶) 列出，但我個人認為是不需要放進來的。首先是因為旅遊

時其實蠻容易出狀況的，很容易就沒趕上要搭乘的列車，另外日本的鐵路相當發達，替代

選擇很多，與其先每種都查好還不如下載 NAVITIME、換乘案內這類的 app 當場查閱，並

且把大車站如梅田、天王寺等的交通查清楚會比較適合。


成品

https://i.imgur.com/AhPJkhN.jpg

封面頁採用跟這篇文章第一張圖一樣的配色，簡單的用代表日本的紅太陽寫上關西，並在

底下註明是 2018 的夏天。書本採用膠裝全彩印 A5 大小，適中的大小方便攜帶也比較好

翻閱內文，記得總共 48 頁內頁配上封面與裝訂單本的價錢約是 200 元。

https://i.imgur.com/uXNGgiI.jpg

大致輸出後的感覺如上圖，基本上只要在製作手冊時有將色彩模式選為 CMYK，應該不至

於在輸出時有過大的色差，只要找到有好評的影印行應該都不會出錯。

https://i.imgur.com/67q8DJk.jpg

我在這次的內文都是使用 10 號字體，我覺得閱讀起來還蠻不費力的，但若有需要製作給

長輩看的話或許要考慮老花眼的問題比較不會出錯。

https://i.imgur.com/lW3i8Jz.jpg

基本上圖案的印刷品質也非常優良，在影印店時應該是可以挑選紙的材質的，我選擇的紙

比較霧面的感覺，仔細看紙張還會有非常小的格子狀紋路。除了顏色外，記得在設計時要

設定出血和邊界，出血可能要詢問影印店需要設定多少；邊框我則是設定 12 mm 左右，

用意是在裝訂後若重要內容太靠近邊界可能會因為書本厚度的問題而很難閱讀，又或是印

刷品質不佳裁切到內容。

-

以上大約是這次在關西旅遊 12 天所製作的旅遊手冊，雖然實際在旅遊時拿出來的機會並

沒有特別多，但在製作時因為閱讀了許多相關資料，真的走訪景點時也更能快速融入當地

的歷史，相當推薦大家都可以簡單做一份外出參考的旅遊手冊。


暫時先不將手冊的連結放上來，擔心若直接公布的話可能會被惡意使用，若有需要可以私

下和我聯絡或站內信給我~~

-

覺得有趣也請點進我的網誌看完整的吧！

關西的文章們：

關西十二天 | 關西的貓咪們！| http://user14596.psee.io/9SS7Z

--