聯成電腦網頁設計教學: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」分享給你的朋友們。
鳥編這邊也提供教學完成品,大家可以前往查看製作的效果。