報導者 戰火與重生  |  360度影像報導 

墨雨設計團隊此次參與非營利媒體《報導者》在烏克蘭影像報導的製作,推出360多媒體網頁作品。
本專案利用全景影像和聲音報導的結合,讓讀者能夠深入現場感受事件的真實性,以沉浸式的方式進行瀏覽。


報導者官網 : https://www.twreporter.org









影片結合360環景互動

在此網頁影片應用中,我們將影片增加標題區分段落,中間穿插360互動元素增加整體體驗與臨場感,結尾增加互動按鈕連結下一段影片。




網頁圖標設計 

網頁圖標設計以配合整體調性做修正,整體設計以線條跟倒圓角設計,智慧型手機端使用者增加提醒項目與版本偵測功能,確保能有最好的體驗性。







360 環景互動場景

360 環景互動場景使用360影片素材,並使用可互動的元素將照片與故事散佈在場景中,增加探索的元素與臨場感。而技術部分我們藉由 Three.js 來呈現 360 環景的互動體驗。本技術支援多種投影模式和互動功能,例如 equirectangular、cubemap 影像或360影片讓我們可以帶給使用者多元的探索體驗。








(上圖)攝影/楊子磊


結尾選單

結尾選單分成四個部分與一個分享環節,而 " 重新回顧 " 的部分讓使用者可以回顧整個影片段落,讓使用者不需要重頭看起。
而 " 分享 " 與 " 支持我們 " 的部分與其他頁面不同底色改成白色系,讓整體在結尾能帶一點希望與光明感。

MORE

Back to Top