最近观察到的几个网页设计的趋势

前段时间,腾讯 CDC 团队的博客网站改版,乍看之下,我以为是 mobile first 然后再去适配桌面端,窄屏下几乎占满屏幕的大 banner,卡片式、突出焦点图的文章。结果一问,不是,还是 desktop first。

超级产品经理

但这让我联想起,最近观察到的几个网页设计上的趋势。

1. 信息密度降低

除了上面说到 CDC 的网站之外,面向 C 端用户而且用户数比较大的,就是 QQ 音乐。原先放在最显眼位置的 banner 位被下置,窄屏的话第一屏也只显示四张专辑。

超级产品经理

新版

超级产品经理

旧版

2. 引导下载 App

这个趋势其实也不算近期的了,毕竟 mobile first 嘛。很多网站将下载 App 加到了导航栏,但闲鱼是做得最过火的,即使在网站功能完备的情况下,打开一个商品页,下载 App 的引导图直接盖在了商品图的上面,加上「卖家已将宝贝转移至闲鱼」,迷惑性真是大。

超级产品经理

3. 桌面端网页反过来适应 App

App 先行网页后行已经很常见了。Pinterest 也不例外,不仅在设计语言上 App 先行,桌面端网页的结构也尽可能与 App 保持一致,另一个体现是更多地单页解决问题。网页常见的 hover 也很聪明地对应起 App 上 touch 但还没 release 的状态。

超级产品经理

新版

超级产品经理

旧版

4. 简化交互层级

代表例子是 Apple。以前 Apple 官网的产品介绍页,「设计」「工艺」等子页面罗列在次级导航栏里,一个个 tab 切换。而现在,这些内容都被折叠到了产品的主页面里,每项产品特性的最后有「点击展开」按钮,在一个页面即可浏览全部内容。这跟桌面端的交互也有关系,相比手机应用,人们更少地在桌面端网页切换导航。

超级产品经理

文/刘英滕

关键字:设计, 设计文章

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部