從2018國際新聞設計獎項SND看視覺新聞(Visual News)的趨勢

Mimi Chen
報導者開放實驗室
8 min readFeb 27, 2019

專注於新聞與視覺的跨國組織-Society of News Design(SND)

SND(Society for News Design)是國際上最重要的新聞設計專業組織,專注於新聞媒體專業與視覺交流,包含資訊圖表、網頁視覺設計以及圖表設計等。最佳數位設計(The Best of Digital Design)競賽已邁入第7屆,評審會在新聞、視覺與技術3個領域中選拔傑出作品,吸引全球知名媒體如《紐約時報》、《衛報》、《金融時報》、《國家地理雜誌》等共襄盛舉。

這篇要跟大家分享2018年「The Best of Digital Design」比賽得獎作品,以及評審講評中,值得注意的數位敘事趨勢。

本屆比賽收到來自全球超過1,300件作品參賽,經過13位於各國媒體任職的評審在華盛頓決選,最後共有70個媒體單位,449個作品脫穎而出。

視覺新聞(Visual News)是什麼?

視覺新聞三元素

隨著科技日新月異,網頁逐漸成為讀者閱讀新聞的場域,媒體敘事方式也開始有所不同。

使用數位媒材製作報導在國內外都成為媒體趨勢,結合「新聞」、「設計」、「科技」三大元素,透過不同形式彰顯不同報導的獨特性,並衍生出諸如「資料新聞學」(Data Journalism)、「視覺新聞」(Visual News)這樣的詞彙。

坊間很常聽到的資訊視覺化,應用到新聞中其實就是「視覺新聞」(Visual News),運用不同的多媒體素材,例如:影像、地圖、數據、插畫,將故事說好。

但隨著製作不同類型的視覺新聞(也常被叫成數位專題、多媒體專題),個人覺得重點不僅是素材,閱讀版型的UX(使用者體驗)也非常重要,怎麼讓元素順暢在不同載具上呈現、怎麼安排元素出場,都是一大考驗。

去年(2018)和同事到香港參加SND年會,聽《路透社》、《金融時報》、《南華早報》等媒體分享視覺新聞製作的現況與趨勢,我們分別寫了〈新聞室內的數位流程改變〉〈新聞資訊圖表的應用〉兩篇文章,有興趣的朋友歡迎參考。

The Best of Digital Design 2018 金銀獎作品賞析

SND比賽結果分為金銀銅三種,銅牌佔大多數。什麼樣的作品才能獲得金獎、銀獎殊榮呢?

評審的標準是,「突破科技與設計的界線,重新定義了藝術工業的現況。」
"pushes the boundaries of design and technology and helping define the state of the art for the industry"

聽起來超爆猛,這邊選兩銀兩金的作品與大家分享。
(更多金銀獎作品請見這個頁面

銀獎作品

報導名:“Lucky 13” | Reuters

競賽類別:Graphics: Breaking News, International

整體網頁設計以暗色系為背景,讓人就像真的身在洞穴。

最讓人為之一亮的地方在於網頁中的橫福捲軸圖表(見上方gif截圖),當「泰國少年足球隊受困洞穴」事件發生時,各媒體報導了很多碎裂式的援救新聞,但這個橫福圖表則將整個細節跟過程都完整呈現。

──

報導名:“Borderline” | The Washington Post

競賽類別:Graphics: Format, Use of Maps

這次競賽很多運用地圖敘事的參賽作品,這是其中之一。

《華盛頓郵報》運用「衛星圖+飛行模式」帶讀者俯瞰美墨邊境的實際狀況。不但將衛星圖運用的淋漓盡致,無論桌機或手機版的閱讀體驗皆非常優秀。

金獎作品

報導名:“Katie’s New Face” | National Geographic

競賽類別:Story Page Design,Business/Finance, Science, Technology, Transportation, Environment & Health

這是一個以影像為主的專題,故事講述Katie Stubblefield在18歲時用來福槍自轟,失去她的臉,3年後醫生運用手術和復健給她一張新面孔。專題將真實而完整的影像呈現給讀者,全幅影像搭配滑動,讀者似乎也一起走過了這個女孩的復健過程。

──

報導名:How 2 M.T.A. Decisions Pushed the Subway into Crisis | The New York Times

競賽類別:Information graphics,Local

這則解釋型報導指出,紐約地鐵局的2個錯誤決定,導致當地地鐵遲到變成常態。作者把列車運用方式與頻率製作成svg動畫,幫助讀者能更快了解問題癥結點。

「這個作品運用極其創意的方式呈現數據。我真的很喜歡將時間垂直呈現,我們通常因為害怕突破傳統呈現而避免使用,但這個作品做到了!」這是評審對此報導的評語。

個人覺得把列車運行方式視覺化真的很強,但最後的圖表還是沒辦法很快抓到新聞點(可能慧根太淺QAQ)。

從評審團講評看視覺新聞的趨勢

這次比賽很幸運的,《報導者》分別以〈海上人口販運風暴〉數位專題以及〈六輕營運20年,台灣獲得什麼、失去什麼?〉動畫獲得兩個銅牌獎項,為台灣唯一獲獎的媒體。

報導名:海上人口販運風暴

競賽類別:Story Page Design — News Features or Planned Coverage

──

報導名:六輕營運20年,台灣獲得什麼、失去什麼?

競賽類別:Information Graphics ,Business/Finance, Science, Technology, Transportation, Environment & Health

團隊除了又驚又喜外,也很想知道獲獎標準(聽到消息後飄飄然完全不知道為什麼得獎)。但可惜的是,並沒有針對銅獎作品的個別評語,所以我整理了評審團的QA集(請見頁面),從講評中看視覺新聞的趨勢:

1. 多媒體網頁首重loading速度

→ 設計再多美麗、吸引人的素材,但讀者跳出就沒有意義
→ 不能預設讀者都在網路良好的狀況下,尤其也要注意第三方平台的呈現與速度

2. 版型趨勢:直立+全版影像+滾動式網頁越來越多

→ 越來越多影像與音檔搭配不同的沉浸體驗
→ 每一個滾動都是一個有意義的觸發

3. 小新聞室跟團隊也能做出出色的作品

→ 不迷戀科技,專注講好故事。
→ 用單一或不同素材的特色講好一個故事

SND將在2019年4月6~9日在芝加哥將舉辦2019年年會,屆時也會公布「2018 The World’s Best-Designed™ winner」,現在似乎還在售票,有興趣的朋友們可以參考。

有你,才有《報導者》,邀您用行動支持!

優質深度報導必須投入優秀記者、足夠時間與大量資源⋯⋯我們需要細水長流的小額贊助,才能走更長遠的路。竭誠歡迎認同《報導者》理念的朋友贊助支持我們!

贊助報導者

官網:https://www.twreporter.org/
臉書:https://www.facebook.com/twreporter/

--

--

Mimi Chen
報導者開放實驗室

分享數位工具、資訊圖表、多媒體網頁製作等心得,有時候會來一點生活經驗文。工作信箱:chenchenhua1112@gmail.com