这些设计灵感,或许可以改变我们阅读新闻的方式

在做设计之前,我们都需要很多的灵感,这就是我写这篇文章的目的。本文中我将重点介绍和评论一些新闻类APP或网站中的一些让人眼前一亮的优秀设计。有些是已经上线的,有些则只是概念设计稿。


在做设计之前,我们都需要很多的灵感,这就是我写这篇文章的目的。本文中我将重点介绍和评论一些新闻类APP或网站中的一些让人眼前一亮的优秀设计。有些是已经上线的,有些则只是概念设计稿。

这些设计灵感,或许可以改变我们阅读新闻的方式

新闻行业在过去几年经历了巨大的动荡,媒体也都在寻找新的应对策略,想方设法的优化出版物的在线体验,比如,重新设计网站或开发APP,如今,新闻行业对设计的运用已经比较成熟了。

在做设计之前,我们都需要很多的灵感,这就是我写这篇文章的目的。本文中我将重点介绍和评论一些新闻类APP或网站中的一些让人眼前一亮的优秀设计。有些是已经上线的,有些则只是概念设计稿。

乌克兰News Portal

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Toma Reznichenko

点评:

这是Tubik首席产品官Toma Reznichenko的设计,这种模块之间的切换方式简直惊艳。以前的新闻网站导航不是经常被隐藏就是分类或层级太多太混乱。而这种设计,菜单与内容之间的层级被省去,清晰易懂。

Time and Health杂志

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Elena Saharova

点评:

排序并不一定要按照时间线,许多平台上都使用过推荐排名的方式。这种文章的评级系统(类似于烂番茄的评分系统)其实非常有趣。在信息过载的时代,这种设计可以很好的减少内容泛滥的状况,读者可以更容易地发现值得一读的文章。

爱乐乐团

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Grzegorz Oksiuta

点评:

日历和主内容列表之间的切换方式给我们展现了一种选择内容的新方法。尽管这是一个乐团的新闻APP,但类似的机构展示新闻和内容时是不是也可以稍微借鉴一下这种方式呢。标题列表流可以快速展示内容,而日历的滑动可以快速更新列表流。

Newsstand

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Aurélien Salomon

点评:

这个灵感估计是受谷歌的Newsstand和Trello启发的。通常,下拉手势是用来刷新页面的,而这个设计则将下拉设置为导航的切换,从而使得导航菜单与内容的过渡更显平稳。

Weekday

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Nguyen Le

点评:

这个设计原型我更关注的是美学层面而不是结构或交互设计层面。它将传统印刷媒体的风格融入到了设计中(比如衬线字体的使用)从而给内容赋予了一些严谨的特质,这是很多新闻网站所缺乏的。

Flipboard

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Eleken

点评:

这是一个非常精简的资讯APP,在如今这个过度设计的时代,有点让人耳目一新。用户只是想阅读,而这个界面就是干这个的。文字与背景的适度对比给用户提供了一个更合适的阅读体验,文章内也不再需要什么配图,因为封面的大图已经说明了一切,删除任何不必要的元素才能营造沉浸式的阅读体验。

新闻门户网站概念设计

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Apostol Voicu

点评:

这种设计很适合让用户快速浏览标题,而不适合深度阅读。固定菜单可以做到快速切换,如果只是想在上班途中或工作间隙了解一下最新的新闻,倒不失为一种设计选择。

Yahoo

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Apostol Voicu

点评:

这个设计是独一无二的,因为它会通过取样自动生成内容进行推荐。只需要从网络上提取必要的信息,然后,一由个小编辑团队写一个简短的摘要。这一定会是一种非常轻松的阅读体验。

Timeline

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Brian Leung

点评:

这个应用不仅是提供新闻,在新闻之外还会提供更多相关的内容带来深入的阅读体验,但相关文章并不会在Feed流中显示,而是在新闻详情页面通过控制时间跨度进行筛选推荐,对于那些想要实现更完整体验的应用来说,这个应用是个榜样。它们有自己的编辑团队生产独家文章。

Daily News

这些设计灵感,或许可以改变我们阅读新闻的方式

来源:Adrien Gervaix

点评:

这个应用的界面弃用了传统的类别页面,取而代之的是,内容依靠话题标签进行聚合,每一篇文章都是由话题标记的。用户可以个性化他们的Feed流。尽管所有的内容混合在一个Feed流里面,但这种依靠颜色区分话题的设计很好地避免了混乱的问题。

开拓视野

这些新闻应用的UI证明了优秀的界面设计可以有无限多的解决方案。每个UI都为我们展示了一种独特的解决方案,我们应该时刻记得问自己:是否有更简洁的设计架构?是否有新的交互方式来展示内容?甚至仅仅是有没有一种更直观的阅读体验?

 

作者:Kent Mundle

来源:微信公众号 IXDC

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26423/

(0)
CatherineCatherine
上一篇 2017-05-14 11:01
下一篇 2017-05-14 13:07

相关推荐

  • 交互设计师的60日计划之第四天

    此次分享的 [button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

    交互专题 2015-08-20
  • Axure小白,快速做出冲顶大会高保真原型,全靠它(附源文件下载)

    Hi,大家好我是Axure实战班萌萌哒的班主任Sara(*^▽^*)这是一篇很有内容的Axure班介绍文章如果你被Axure困扰想快速玩转Axure,做出标准的原型图想写出规范的原型说明,掌握产品交互那么花3-5分钟了解下这个实战班吧,2000多位同学报名学习了,不会错的~先给大家看看我们班liwen同学,做的冲顶大会gif图喔,真的很棒棒耶(*╹▽╹*)(福利资料:添加班主任Sara为好友,可获取“冲顶大会”原型文件。Sara微信见文...

    2018-03-26
  • 有哪些常见的移动端UX设计误区需要规避?

    我们手机里面装满了各种各样的APP。安装这些应用,我们的初衷是让我们的生活更加便捷。但是当这些应用无法满足用户的需求的时候,用户自然而然会离开,并寻求更好的解决方案。一个成功的应用包含有诸多元素,而其中的用户体验设计 则起到了决定性的作用。在残酷的竞争中,用户体验 往往是决定成败的核心。

    2017-05-22
  • 从设计指南说起,详解Material Design体系组件

    iOS 或 Material Design的设计指南,都是按照组件的属性来系统介绍。
    一般把Control翻译成控件,把Component翻译成组件。通俗的解释说法就是组件为多个元素组合而成,控件为单一元素。但是Material Design把我所认为的控件和组件都合为一体,统称为组件。摊手。

    2017-04-28
  • 经验总结:APP页面提示样式,选择合理的就好

    最近做交互总结,又碰到了页面弹窗提示的问题,于是便总结了下。我按弹窗提示的样式分为了以下几种来进行说明。每种样式的提示强度不同,对用户在使用app时的打扰与影响也不同。这些提示并不是说哪种好哪种不好,按照自己的规范选择合理的就好。

    2017-05-11
  • 作品集总结|本科建筑跨专业申请交互设计?Dream School还是皇艺?这可能吗?

    PS-ONE#20180504建筑背景,申请交互设计跨专业申请结果如何?本科建筑,转专业申请交互设计Master?并且Dream School还是世界第一的RCA皇家艺术学院?在经历了PS-ONE历时8个月的内部评审后她如愿以偿了吗?。。。。。。8个月后爱丁堡大学,get拉夫堡,get交互设计,是细节非常复杂的专业涉及到的知识点、设计思维,对转专业申请者来说,是很苛刻的所以拿到爱丁堡、拉夫堡这样强势院校的Offer已经是很不错的结果了但...

    2018-05-04
  • 怎么策划一个成功的活动——线下篇

    线上活动办了,线下活动也要办不是~有钱就是这么任性,但是钱要花在刀刃山,同样来自于知乎的另一位大神大猫布给出了酱紫的答案~ 前提条件:小型活动:20---200人,预算5000以内。 Check List 定下时间。 确定预算…

    交互设计 2014-12-13
  • 千万级用户的视频体验,我们是这么做的

    如今app的更新迭代速度很快,因此无论在视觉审美还是交互功能上都有新的趋势和风格。乐视视频原有的ui设计风格已经无法跟上目标客户群的审美变化,且在功能上较难满足用户预期,因此需要在整体视觉和产品功能上进行相应的美化和完善,使我们的视频产品无论从视觉还是功能上都能够在给予老用户新鲜感的同时吸引更多的目标用户。

    2017-05-26
  • 40个全屏图片背景的网站设计欣赏

    Web设计灵感总是帮助我们走在新趋势, 设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个全屏图片背景的网站设计欣赏,为你找设计的灵感。

    2017-06-03
  • 实例分析:室内地图交互体验分析

    因为做室内定位项目,需要涉及到室内地图相关功能,故分析、探寻高德地图、百度地图APP的室内地图设计逻辑,以为项目借鉴。本文从室内地图展示,室内地图与导航栏的对应两方面来分析对比,并针对部分内容提出相关建议。

    2017-05-09