title: 用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 --- **摘要** 用相機捕捉的畫面您如何分享給朋友？分享到 Facebook、Flickr、Instagram 還是印成實體書冊？Adobe 推出一款另類的服務名為「Adobe Spark」可以把照片、文字與影片加以融合，設計出極具質感與視覺體驗的網頁，當你來到一個地方有很多心得、很多美景想跟朋友分享的時候，Adobe Spark 可以讓你一次把這些感動透過內建的各種功能呈現在您的親友眼前，使用上相當簡單，我們也做了一個簡單的範例給大家參考，真的超棒的呢！ **Category** - [教學](https://www.soft4fun.net/category/how-to) **Tag** - [Adobe](https://www.soft4fun.net/tag/adobe) - [Adobe Spark](https://www.soft4fun.net/tag/adobe-spark) - [Spark](https://www.soft4fun.net/tag/spark) - [合掌村](https://www.soft4fun.net/tag/%e5%90%88%e6%8e%8c%e6%9d%91) - [旅遊故事](https://www.soft4fun.net/tag/%e6%97%85%e9%81%8a%e6%95%85%e4%ba%8b) - [旅遊相簿](https://www.soft4fun.net/tag/%e6%97%85%e9%81%8a%e7%9b%b8%e7%b0%bf) - [相簿](https://www.soft4fun.net/tag/%e7%9b%b8%e7%b0%bf) - [遊記](https://www.soft4fun.net/tag/%e9%81%8a%e8%a8%98) **圖片清單** - ![034.png](https://cf.img.soft4fun.net/2017/06/034.png "034.png") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 034](https://www.soft4fun.net/wp-content/uploads/2017/06/034.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 034") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 014-1](https://www.soft4fun.net/wp-content/uploads/2017/06/014-1.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 014-1") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 028](https://www.soft4fun.net/wp-content/uploads/2017/06/028.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 028") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 029](https://www.soft4fun.net/wp-content/uploads/2017/06/029.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 029") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 023-1](https://www.soft4fun.net/wp-content/uploads/2017/06/023-1.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 023-1") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 024](https://www.soft4fun.net/wp-content/uploads/2017/06/024.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 024") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 030](https://www.soft4fun.net/wp-content/uploads/2017/06/030.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 030") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 031](https://www.soft4fun.net/wp-content/uploads/2017/06/031.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 031") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 032](https://www.soft4fun.net/wp-content/uploads/2017/06/032.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 032") - ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 027](https://www.soft4fun.net/wp-content/uploads/2017/06/027.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 027") --- 用相機捕捉的畫面您如何分享給朋友？分享到 Facebook、Flickr、Instagram 還是印成實體書冊？Adobe 推出一款另類的服務名為「**Adobe Spark**」可以把照片、文字與影片加以融合，設計出極具質感與視覺體驗的網頁，當你來到一個地方有很多心得、很多美景想跟朋友分享的時候，Adobe Spark 可以讓你一次把這些感動透過內建的各種功能呈現在您的親友眼前，使用上相當簡單，我們也做了一個簡單的範例給大家參考，真的超棒的呢！ ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 034](https://www.soft4fun.net/wp-content/uploads/2017/06/034.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 034") > [點此看範例作品](https://4fun.tw/NEQK) #### 使用方式 首先[進入 Adobe Spark 網站](https://spark.adobe.com/sp/login)以 Google、Facebook 或以 Email 方式註冊帳號並登入後，你會看下圖的畫面。共有 Post、Page 和 Video 三種發布選項。如果你想要像上面提供的範例一樣以圖文穿插方式呈現就選擇 Page 進入編輯畫面。 ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 014-1](https://www.soft4fun.net/wp-content/uploads/2017/06/014-1.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 014-1") 編輯畫面上顯示的「＋」符號都代表可以新增內容，形式包括有圖片、文字、按鈕、影片、相格或照片展示(glideshow)。照片上傳方式可以從電腦上傳，也可以從 Lightroom、Dropbox、Google Photos 或 Creative Cloud 選擇，看哪個方式對你來說最方便就選擇對應方式上傳。 ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 028](https://www.soft4fun.net/wp-content/uploads/2017/06/028.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 028") 非常重要的是，封面照片的標題有主標題和子標題，用法自己調整，提醒大家的是可用滑鼠游標按住標題拖曳到不同位置擺放。 ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 029](https://www.soft4fun.net/wp-content/uploads/2017/06/029.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 029") 透過內建功能可以很方便的寫下旅行中看到的各種景色，如果選擇 Glideshow 的話，照片的說明欄位裡面還能再放置額外的照片、影片或連結更深入的介紹。 ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 023-1](https://www.soft4fun.net/wp-content/uploads/2017/06/023-1.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 023-1") 相格功能則可用在說明景點中發現的小驚喜或者特寫描述重要的部分。 ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 024](https://www.soft4fun.net/wp-content/uploads/2017/06/024.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 024") 當你想要補充說明一個重要但比較不易帶進美景的特色時，視窗(Windows)功能就很好用，隨著滑鼠滾動頁面，顯示的畫面也會跟著移動。 ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 030](https://www.soft4fun.net/wp-content/uploads/2017/06/030.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 030") 必要的時候也可以在裡面穿插幾個重點部分，譬如我想特別跟朋友分享合掌村隨處可見的消防栓就可以把這張照片不以全螢幕或有切割的方式顯示，直接秀出完整圖片帶進文字說明更清楚。 ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 031](https://www.soft4fun.net/wp-content/uploads/2017/06/031.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 031") 在中間任何區塊中間也可以附加連結跟朋友分享，對我來說是附上參考資料，但你或許可以放某位部落客的遊記，或者把所有照片上傳到雲端空間後，把該相簿的連結分享都可以。 ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 032](https://www.soft4fun.net/wp-content/uploads/2017/06/032.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 032") 功能其實很簡單，你看了就會，要編排的好看得花一些時間，但我覺得會是值得的，未來回頭來看分享的心得時你也能馬上想起當時的感動。 最後按下編輯畫面最上面的 Share 按鈕就會出現專屬的分享網址了。 ![用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 027](https://www.soft4fun.net/wp-content/uploads/2017/06/027.png "用 Adobe Spark 設計出極具質感的旅遊故事分享網頁 027") 想看看製作完成的效果，可以看一下硬大製作的[《合掌村》](https://4fun.tw/NEQK)世界文化遺產，讓你的相簿遊記瞬間質感提升 10,000 倍！ 目前 Adobe Spark 已經在 iSO 上推出 App 方便直接在手機中編輯，不過 Adobe 把功能按照 Post、Page 和 Video 各自獨立位一隻 App，Android 版目前還沒推出，不過如果要有最好的視覺體驗還是建議大家用電腦來看會更好。 順帶一提，Spark 也不僅止於用在旅遊，有關製作數位內容的需求都可以嘗試使用看看。 > 下載：[Spark Post](https://c00.adobe.com/v3/9c5f8efbfd205eb5ababce6d862135839de6e5ed55a3d0034475b7bee0ff552c/start?a_i_id=1051937863&a_dd=i&ctxa.referrer.campaign.name=Spark+Home+Page&ctxa.referrer.campaign.trackingcode=votknbon&ctxa.referrer.campaign.source=Spark+Home+Page&ctxa.referrer.campaign.medium=Banner)、[Spark Page](https://c00.adobe.com/v3/2c18a4dd7ed9e6bff783299fe0861806c9f14220edc8b0d08d613ccb7b9cae6c/start?a_i_id=968433730&a_dd=i&ctxa.referrer.campaign.name=Spark+Home+Page&ctxa.referrer.campaign.trackingcode=kpv6s5k2&ctxa.referrer.campaign.source=Spark+Home+Page&ctxa.referrer.campaign.medium=Banner) 和 [Spark Video](https://c00.adobe.com/v3/0b7e67fa41f6b592f2d606c22f107ce856db905f9d8ff39637f4a156e11890bf/start?a_i_id=852555131&a_dd=i&ctxa.referrer.campaign.name=Spark+Home+Page&ctxa.referrer.campaign.trackingcode=j0qyxypf&ctxa.referrer.campaign.source=Spark+Home+Page&ctxa.referrer.campaign.medium=Banner)