nav分隔線 nav分隔線

聯成電腦網頁設計教學:Adobe Spark讓你快速製作高質感網頁

icon_fb icon_twitter icon_google
聯成電腦網頁設計教學:Adobe Spark讓你快速製作高質感網頁

文、菜鳥編

 

 

出遊拍攝的照片、小孩的成長紀錄你都怎麼處理呢?分享到FB、IG、還是存放在雲端硬碟呢?其實你也可考慮使用Adobe Spark製作出高質感的相片網頁來,可以分享在社群平台上,也可收藏當作自己的回憶。

 


網站名稱:Adobe Spark

網站介紹:提供了一個以文字、相片為主的捲動式網頁。


 

 

進到首頁後,可在右上角看到免費註冊的按鈕。

 

 

註冊方式提供了使用FB、Google帳號,或是使用email方式。

 

 

完成了幾個註冊資訊後,最後會詢問你是否想要收到Adobe Spark的最新消息與廣告,如不需要,可直接點選Continue。

 

 

Adobe Spark提供了三種製作服務,行銷圖、網頁與影片,因我們今天要製作網頁,所以點選「Page」進入設定。

 

 

Adobe Spark介面雖然為英文,但整個操作介面相當直覺化,很好上手。圖片可從自行上傳,或是直接從Lightroom、Dropbox、Google Photos 或 Creative Cloud 選取。

 

 

樣式提供了Photo、Text、button、vide、photo gird、glideshow的規格。

 

 

下圖中,使用了photo gird與文字,就可快速製作出作品區來。

 

 

如果是使用glideshow的話,還可再加入說明欄位,欄位中又可在自訂照片、影片、連結。

 

 

影片部分就無法透過自行上傳的方式,所以記得將影片上傳至平台,例如Youtube,將網址貼入就可以。

 

 

按鈕部分,可輸入名稱與網址,設定按鈕位置。

 

 

整體操作上相當快速,可透過上方的「Preview」來看一下目前設計的實際狀況,如果都完成,就可點透過「Share」分享給你的朋友們。

 

鳥編這邊也提供教學完成品,大家可以前往查看製作的效果。

 

 

 

 

痞客邦Blog:http://lccnetvip.pixnet.net/blog
FB粉絲團:https://www.facebook.com/lccnetzone
菜鳥救星:https://www.facebook.com/greensn0w

本網站使用相關網站技術以確保使用者獲得最佳體驗,通過使用我們的網站,您確認並同意本網站的隱私權政策。欲了解詳情,請參閱 隱私權政策