奧運，是運動選手們展現實力的最高殿堂，但同時也是各家媒體展現技術力的最佳時機，雖然東京奧運因疫情延後一年舉辦，但外媒的火力展示絲毫沒有變弱！因此隨著東奧的落幕，DD Story Hub想與大家分享N篇我們認為不能錯過、與奧運相關的資料新聞與數位敘事作品。
1. History of Olympics Games 1964-2020／日本經濟新聞
Helene推薦
截自《日本經濟新聞》專題
第一個是來自主辦國日本的作品，《日經》數據視覺組（vdata）以1964年東京奧運為起點，回顧半個多世紀以來日本參與奧運的時刻。
仔細觀察，網頁設計上有許多令人驚喜的巧思：
- 滾動時設計元素縮放、淡入淡出的效果營造時間推進之感，讓我聯想到多拉A夢的時光機ＸＤ
- Hover照片時，游標所到之處由黑白轉為彩色，在維持整體頁面視覺舒適的情況下，不僅是豐富使用者體驗，也會增加讀者點擊照片的意願，讓專題主角回歸照片本身，不至於使網頁其他特效喧賓奪主。
- 網頁設計許多動態效果，包含下方的白點波浪特效，以及地球儀標示位置。
另外，他們也統計了歷次奧運的相關數據，作為點綴專題的資訊，在右下角呈現。
這僅是《日經》整套東奧專題的一個環節，他們也針對不通賽事項目做了介紹頁面（Visual Tokyo 2020），每個頁面的視覺都很一致且舒適，在版面與色彩配置上非常用心。
他們也沒遺漏正在熱烈舉行的帕奧，以3D模型分析身障選手使用的特製輪椅。
2. Which Countries Are Doing Better — Or Worse — Than Expected At The Tokyo Olympics?／FiveThirtyEight
Helene推薦
截自美國《FiveThirtyEight》專題
在世界各國媒體的奧運即時更新頁面中，美國媒體《FiveThirtyEight》以預期vs實際得牌數在眾媒體中獨樹一幟。他們每日記錄各國獎牌數，並與「各國預期獲得的獎牌數」做比較，可以一眼看出哪些國家的表現超出預期。
他們特地開了一個頁面說明他們的發想過程與考量，包含如何評估新的賽事項目、主辦國優勢、俄羅斯的特殊狀況等，非常仔細！
我認為這在數據專題中相當重要，數據作為內容的一部分，編輯室有義務向讀者交代數據來源、清洗方式與限制，以表我們對內容的負責。
3. Los récords de atletismo más cerca de batirse en Tokio: calendario para no perderse ninguno / 西班牙《國家報》
Steven推薦
截自西班牙《國家報》專題
（好 … 這一長串西班牙文我自己也是看不懂，只好偷偷借助 Google 翻譯的力量！）
西班牙《國家報》 把2019年後的各項大型田徑賽事成績以世界紀錄為基準換算成百分比，進而衡量這些成績與世界紀錄的「距離」。
我覺得更加有趣的是他們的呈現手法，將各個紀錄化成點，最右側則為目前的世界紀錄（100%），這能夠讓讀者一目瞭然地知道各項賽事成績與世界紀錄的差距。
他們也有不斷地做動態更新，讓讀者能夠隨著東奧賽事的進行，隨時能夠回來查看。
4. Tokyo Olympics／Reuters
Steven推薦
截自路透奧運專頁
路透的奧運專頁共分成「奧運簡介」、「賽程」、「獎牌統計」以及「賽事介紹」四個部分，路透正常發揮了他們強大的繪圖能力來繪製各項賽事插圖，也用了3D概念圖來做東奧各種相關物件的解釋，加深讀者對頁面的印象與奧運的理解。
比較特別的是，路透在簡介頁面有附上一張近40年歷屆奧運期間的溫度比較圖，以此凸顯這次東奧可能會是史上最熱的一次奧運，而溫度或多或少也有可能會影響到選手的表現，所以路透也製作了一篇討論「奧運溫度」的專題，也推薦大家可以去看看！
5. Dressel vs. Phelps. McLaughlin vs. Muhammad. Visualizing Olympic Champions, Present vs. Past／NYT
Steven推薦
截自NYT專題
如果有追蹤 NYT Graphics 的 twitter，應該不難發現他們在奧運期間推了很多則賽事模擬的小短片，特別是在游泳以及跑步的項目。可能因版權問題，一般媒體很難直接轉發賽事進行的畫面，於是紐時製作一款可愛的賽事模擬程式！個人不負責任猜測只需要輸入某些時點的資料，就可以模擬出整場比賽進行的樣子。
而這篇專題更是讓這款模擬程式發揮了不一樣的功用，也就是「讓歷屆冠軍一起比賽」！呈現了現在不太有機會看到的一些賽事結果，相當有趣！
6. See Olympic skateboarder Heimana Reynolds’ signature moves captured by 36 GoPros／Washington Post
Ting-Ni推薦
奧運是體育競技的最高殿堂，如何呈現動態之美便考驗各家媒體本事。除了2D的影像與視覺化元素，許多媒體嘗試以AR、遊戲化等技術塑造影像立體感，或是以高速攝影添加影像動態感。
《Washington Post》在「Future of the Summer Games」系列報導中，以AR、資訊圖表與互動式影音解釋運動攀岩、衝浪與滑板運動的競技方式，並拆解運動好手們的動作，清楚解釋競技重點。
除此之外，《Washington Post》介紹三種運動時，並非刻板地套用同樣的敘事框架，而是針對各項運動設計不同的素材互動方式，且附上明確互動指引，許多小細節都值得學習。
這是我最喜歡的滑板篇，這邊也附上其他篇：
衝浪篇》Take an interactive ride on the waves with Olympic surfer Caroline Marks ahead of the Games
運動攀岩篇》Scale a 50-foot speed climbing wall with Olympic climber Brooke Raboutou in augmented reality
《紐約時報》在這次奧運也推出許多視覺敘事專題，但因照片多網站常卡頓，對我來說使用者體驗不佳就沒有多介紹。
不過《紐約時報》這篇以高速攝影紀錄爭奪獎牌一刻的橫向滾動敘事實在精彩，因此推薦給大家。
7. Tokyo Summer Olympics Medal Tracker: Medal Count by Country／Bloomberg
Ting-Ni推薦
相比於剛剛看到以影像為主的視覺敘事專題，這篇《Bloomberg》奧運比賽結果視覺化較著重於資料分析，以精巧的資料視覺化方式建立賽果儀表板。
特別的是，《Bloomberg》在這篇專題中以使用者連線位置作為預設地理位置定位，優先呈現使用者所在地區的奧運成績，不但貼合使用者需求，且在閱讀過程中增加趣味性。
以上就是我們認為在奧運期間相當出眾的作品，如果有你有認為很酷、很有趣的奧運作品沒在清單上，也歡迎在留言區推薦給我們！🙏
