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

在做设计之前,我们都需要很多的灵感,这就是我写这篇文章的目的。本文中我将重点介绍和评论一些新闻类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

相关推荐

  • 【用户体验】Smartisan OS 联系人列表多音字

    大家都在讨论用户体验(因为不说显得自己很土),但是这些人是不关心用户体验的,关系是人就会做出下面这种机制的不能理解的举动,例如为了帮助大家解决L代表的罗或刘的姓氏联系人的区分,Smartisan OS的工程师做了…

    交互设计 2015-08-26
  • 表单设计:一页只做一件事

    一页只做一件事,并不是一定要在一个页面上只展示单一的元素或组件(虽然也可以这么做)。

    回想一下你第一次看到复杂代数式时的情景。这整个就是一团混乱的未知符号。但是当你将它分解,独立成各个部分,答案便水落石出。

    2017-04-29
  • UX不是UI

    2015-07-11
  • Apple Watch APP设计第一课:了解Apple Watch视觉和设计原则

    在我们可以开始设计一个Apple Watch应用之前,要先理解其背后的视觉和设计原则。Apple Watch有三个重要主题:个人,整体,轻量级。如果想设计一个具有惊奇体验的应用,还有一个你应该考虑但苹果公司没有提及的,即 …

    2015-09-29
  • 影响网页内容的七种设计误区

    如果你的设计当中出现了这些问题,请不要担心。它们的解决方案并不复杂,通常也不需要经过复杂的重设计来完善,只需要进行适当的调整即可。

    2017-05-03
  • 留白这种设计手段的4大必要功效

    留白不只是空白的画布,它是一个功能强大的设计工具。留白是很难掌握的,留白的应用是包含艺术与科学。真正了解多少空白位置才足够创造一个良好的布局需要多实践。你设计得越多,你就会学得越多。“Whitespace is to be regarded as an active element, not a passive background” — Jan Tschichold
    “留白不单单是一个被动的背景,而是一个活跃的元素。”Properly using whitespace between paragraphs and in the left and right margins can increase comprehension up to 20%
    适当的运用段落之间的留白和左右边距的留白能有效增强理解力高达百分之20.The more whitespace around an object, the more the eye is drawn to it
    越大的留白空间包围一个物件,越多的目光就会集中在这个物件身上。As designers, it’s our responsibility to create usable communication vehicles.
    “作为设计师,我们职责就是去创造“沟通手段””Let the products speak for themselves
    让产品自身为自己说话。

    2017-04-28
  • 【交互设计】一门感性与理性相结合的专业

    交互设计Sheridan交互设计本科是安大略省唯一一所提供该专业的高等院校。专业强调学生的创造力和逻辑思维,并且会学习到创意过程中的各个阶段的实践经验,从研究和规划的设计与执行。第一次见到文俊同学是在今年国际部举办的春节联欢晚会上,他一直帮着学生会布置会场,忙前忙后,哪里需要帮忙,哪里就有文俊的身影。更令人印象深刻的是他非常标准的广东普通话,来自广东的中国学生并不少,但是他的“广普”着实令人印象深刻。文俊同学四年前来到Sheridan,...

    2018-04-07
  • 提升POS产品交互设计实践

    用户体验User Experience,简称UE/UX)ISO9241-210标准将其定义为 “人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。简单来说就是人使用产品的感觉。用户体验的重要性不言而喻。用户体验的好坏,可以直接决定一款产品的命运;好的用户体验,会带来更多的用户,为企业创造更多价值。交互设计(Interaction Design,简称IxD)交互设计作为用户体验的重要组成部分,是指在人与产品、服务、或系统之...

    2018-02-09
  • 机器学习相关——协同过滤,探索推荐引擎内部的秘密,第 1 部分: 推荐引擎初探

    机器学习相关——协同过滤,探索推荐引擎内部的秘密,第 1 部分: 推荐引擎初探 随着 Web 技术的发展,使得内容的创建和分享变得越来越容易。每天都有大量的图片、博客、视频发布到网上。信息的极度爆炸使得人们找到他…

    2015-12-22
  • AxureUX后台业务管理系统原型模板发布

    这是一套基于电商产品的后台业务管理系统原型模板,包含了商品、订单、库存、用户、促销、运营、内容、统计、财务、设置、权限等十多个电商后台系统管理模块。模板中提供了多套登录界面和布局框架方案,同时整理出了后台系统中各类常用的交互元素及组件,可以方便快速的复用到任何中大型系统项目原型方案中。模板框架采用了自适应布局处理,可以在各种屏幕分辨率下达到最佳的兼容性和浏览效果,同时所有功能模块二级界面都是单独设计并使用内联框架嵌入,可极大的提升输出效...

    2018-03-06