在做設(shè)計(jì)之前，我們都需要很多的靈感，這就是我寫這篇文章的目的。本文中我將重點(diǎn)介紹和評(píng)論一些新聞?lì)怉PP或網(wǎng)站中的一些讓人眼前一亮的優(yōu)秀設(shè)計(jì)。有些是已經(jīng)上線的，有些則只是概念設(shè)計(jì)稿。

新聞行業(yè)在過去幾年經(jīng)歷了巨大的動(dòng)蕩，媒體也都在尋找新的應(yīng)對(duì)策略，想方設(shè)法的優(yōu)化出版物的在線體驗(yàn)，比如，重新設(shè)計(jì)網(wǎng)站或開發(fā)APP，如今，新聞行業(yè)對(duì)設(shè)計(jì)的運(yùn)用已經(jīng)比較成熟了。

在做設(shè)計(jì)之前，我們都需要很多的靈感，這就是我寫這篇文章的目的。本文中我將重點(diǎn)介紹和評(píng)論一些新聞?lì)怉PP或網(wǎng)站中的一些讓人眼前一亮的優(yōu)秀設(shè)計(jì)。有些是已經(jīng)上線的，有些則只是概念設(shè)計(jì)稿。

烏克蘭News Portal

來源：Toma Reznichenko

點(diǎn)評(píng)：

這是Tubik首席產(chǎn)品官Toma Reznichenko的設(shè)計(jì)，這種模塊之間的切換方式簡(jiǎn)直驚艷。以前的新聞網(wǎng)站導(dǎo)航不是經(jīng)常被隱藏就是分類或?qū)蛹?jí)太多太混亂。而這種設(shè)計(jì)，菜單與內(nèi)容之間的層級(jí)被省去，清晰易懂。

Time and Health雜志

來源：Elena Saharova

點(diǎn)評(píng)：

排序并不一定要按照時(shí)間線，許多平臺(tái)上都使用過推薦排名的方式。這種文章的評(píng)級(jí)系統(tǒng)（類似于爛番茄的評(píng)分系統(tǒng)）其實(shí)非常有趣。在信息過載的時(shí)代，這種設(shè)計(jì)可以很好的減少內(nèi)容泛濫的狀況，讀者可以更容易地發(fā)現(xiàn)值得一讀的文章。

愛樂樂團(tuán)

來源：Grzegorz Oksiuta

點(diǎn)評(píng)：

日歷和主內(nèi)容列表之間的切換方式給我們展現(xiàn)了一種選擇內(nèi)容的新方法。盡管這是一個(gè)樂團(tuán)的新聞APP，但類似的機(jī)構(gòu)展示新聞和內(nèi)容時(shí)是不是也可以稍微借鑒一下這種方式呢。標(biāo)題列表流可以快速展示內(nèi)容，而日歷的滑動(dòng)可以快速更新列表流。

Newsstand

來源：Aurélien Salomon

點(diǎn)評(píng)：

這個(gè)靈感估計(jì)是受谷歌的Newsstand和Trello啟發(fā)的。通常，下拉手勢(shì)是用來刷新頁面的，而這個(gè)設(shè)計(jì)則將下拉設(shè)置為導(dǎo)航的切換，從而使得導(dǎo)航菜單與內(nèi)容的過渡更顯平穩(wěn)。

Weekday

來源：Nguyen Le

點(diǎn)評(píng)：

這個(gè)設(shè)計(jì)原型我更關(guān)注的是美學(xué)層面而不是結(jié)構(gòu)或交互設(shè)計(jì)層面。它將傳統(tǒng)印刷媒體的風(fēng)格融入到了設(shè)計(jì)中（比如襯線字體的使用）從而給內(nèi)容賦予了一些嚴(yán)謹(jǐn)?shù)奶刭|(zhì)，這是很多新聞網(wǎng)站所缺乏的。

Flipboard

來源：Eleken

點(diǎn)評(píng)：

這是一個(gè)非常精簡(jiǎn)的資訊APP，在如今這個(gè)過度設(shè)計(jì)的時(shí)代，有點(diǎn)讓人耳目一新。用戶只是想閱讀，而這個(gè)界面就是干這個(gè)的。文字與背景的適度對(duì)比給用戶提供了一個(gè)更合適的閱讀體驗(yàn)，文章內(nèi)也不再需要什么配圖，因?yàn)榉饷娴拇髨D已經(jīng)說明了一切，刪除任何不必要的元素才能營(yíng)造沉浸式的閱讀體驗(yàn)。

新聞門戶網(wǎng)站概念設(shè)計(jì)

來源：Apostol Voicu

點(diǎn)評(píng)：

這種設(shè)計(jì)很適合讓用戶快速瀏覽標(biāo)題，而不適合深度閱讀。固定菜單可以做到快速切換，如果只是想在上班途中或工作間隙了解一下最新的新聞，倒不失為一種設(shè)計(jì)選擇。

Yahoo

來源：Apostol Voicu

點(diǎn)評(píng)：

這個(gè)設(shè)計(jì)是獨(dú)一無二的,因?yàn)樗鼤?huì)通過取樣自動(dòng)生成內(nèi)容進(jìn)行推薦。只需要從網(wǎng)絡(luò)上提取必要的信息，然后,一由個(gè)小編輯團(tuán)隊(duì)寫一個(gè)簡(jiǎn)短的摘要。這一定會(huì)是一種非常輕松的閱讀體驗(yàn)。

Timeline

來源：Brian Leung

點(diǎn)評(píng)：

這個(gè)應(yīng)用不僅是提供新聞，在新聞之外還會(huì)提供更多相關(guān)的內(nèi)容帶來深入的閱讀體驗(yàn)，但相關(guān)文章并不會(huì)在Feed流中顯示，而是在新聞詳情頁面通過控制時(shí)間跨度進(jìn)行篩選推薦，對(duì)于那些想要實(shí)現(xiàn)更完整體驗(yàn)的應(yīng)用來說，這個(gè)應(yīng)用是個(gè)榜樣。它們有自己的編輯團(tuán)隊(duì)生產(chǎn)獨(dú)家文章。

Daily News

來源：Adrien Gervaix

點(diǎn)評(píng)：

這個(gè)應(yīng)用的界面棄用了傳統(tǒng)的類別頁面，取而代之的是,內(nèi)容依靠話題標(biāo)簽進(jìn)行聚合，每一篇文章都是由話題標(biāo)記的。用戶可以個(gè)性化他們的Feed流。盡管所有的內(nèi)容混合在一個(gè)Feed流里面，但這種依靠顏色區(qū)分話題的設(shè)計(jì)很好地避免了混亂的問題。

開拓視野

這些新聞應(yīng)用的UI證明了優(yōu)秀的界面設(shè)計(jì)可以有無限多的解決方案。每個(gè)UI都為我們展示了一種獨(dú)特的解決方案，我們應(yīng)該時(shí)刻記得問自己：是否有更簡(jiǎn)潔的設(shè)計(jì)架構(gòu)？是否有新的交互方式來展示內(nèi)容？甚至僅僅是有沒有一種更直觀的閱讀體驗(yàn)？

作者：Kent Mundle

來源：微信公眾號(hào) IXDC