辅助功能设置

文字大小

色彩设置

单色 柔和色 dark

阅读工具

底部遮盖 标尺

文章

新闻移动端软件四大必备“修养”

科技的迅速发展促使轻快方便的移动端成为媒体抢占市场的热点,新闻产品也愈加重视读者偏好和用户体验。什么才是一款新闻app的必备修养?有什么成功经验可供借鉴?在2015全球深度报道大会上,美国新闻网站ProPublica的新闻应用开发员Lena Groeger分享了几大通用设计原则:

  • 元素归类(Proximity):设计时,把种类相同或相似的元素放在一起,避免混杂难以辨认。如果是数据可视化作品的话,把文本、绘图、数据放在一起让事物之间的逻辑更清晰。
使用六边形框将不同机构和品牌区分开来,清晰明了

使用六边形框将不同机构和品牌区分开来,清晰明了

  • 排列得当(Alignment):排列文本时,可以用表格和线条以方便展示结构,看起来连贯又统一。有空白区域的话,可以重点内容居中。想要让文本更突出又不想换颜色加粗?那就在文本的左边或者右边添加线条,就使它更加醒目。

300px-Alignment_(PSF).svg

  • 善用对比(contrast):突出与众不同的元素。颜色、大小、位置等简单对比,就能达到增强视觉效果、加深印象的作用。对比的重点在于“简单”二字,能够指引读者阅读、提醒他们重点关注的地方在哪里。

颜色的对比可以突出差异,使人眼前一亮

  • 试试重复(Repetition):如何使自己的软件更具辨识度?答案就是找到属于自己的经典设计图案,坚持用。比如,Time封面和可口可乐经典的log,专属字体和平面设计让人一看便知。做新闻软件内容的时候,也可同理,比如新闻里介绍同一地区的气候、矿产、房价等信息,采用同样的地图框架,但是变化其他元素(如颜色、形状等),组合成系列,好读又好看。

Time的封面
stock-vector-vector-map-of-the-usa-each-state-is-it-s-own-shape-and-can-be-colored-to-your-own-preference-all-191044415

同时,Groeger认为两个可以参考的例子是新闻软件Buzzfeed和语言学习软件Duolingo,他们的页面内容简洁、直接,音效恰到好处,注意在小细节突出自己的不同之处。在主页菜单的设计上,Groeger觉得app层次多元,有远端和近端的区别(far views and near views),主页菜单最好能清晰分类、有效连接读者登陆页面和其他页面,形成一个易点易得的系统。怎么样?四大原则易记易学,赶紧试试吧。

编辑:Ivan Zhai

您可以根据知识共享协议条款免费转载这篇文章

转载


阅读更多

GIJC 侧记 GIJC23

#GIJC23 侧记:危险者的聚会

“如果把这两千多个人都消灭了,全世界的独裁者应该会睡个好觉。”在 GIJC23 现场,我们一直开这样的“地狱玩笑”,却又如同另类的集体心理诊疗。自由作者邹思聪在这篇侧记中讲述了三位俄罗斯流亡记者的故事——他们虽然再也无法回国,却在异乡坚持报道、建立生活。

GIJC 侧记 GIJC23

#GIJC23 侧记:哪怕空间再小,也不要停止做事

在参会之前,于月想知道这个世界上有没有哪些同行和我们一样处境艰难,又是怎样克服?在听到来自世界各地的同行分享后,她觉得哪怕空间再小,也不要停止做事。

GIJC 侧记 GIJC23 全球深度报道大会

GIJC 侧记:残缺的数据,模糊的面孔,天秤倾斜的判决——从女性杀戮报道说起

如今我们究竟需要怎样的报道?在影响力如此受限的当下,我们究竟如何定义和看待“impact”?在报道杀戮女性的分享中,独立记者易小艾找到了部分答案:有些记录,若没有留下,真的会丢,若还有一些力气,就一起守住每一个留下记录的可能吧。