2020-11-28 22:23:38
今日案例 网易
技术亮点 静态一图流
扫描二维码，立即体验
《回到十年前，我们这样听歌》
▼
网易云音乐近期动作频频，一方面很多用户都注意到 APP 下方多出了“视频”栏目，显然意在进攻短视频领域。而在专题独立策划层面，开启了一系列一图流与歌单镶嵌组合的静态 H5。比如上面这个《回到十年前，我们这样听歌》的完全静态 H5 就在朋友圈里引起了很多用户的共鸣▼
每期无论漫画还是其他类型的平面设计都相当走心，而且 JZ 认为静态设计的一大目的在于，方便用户把注意力更集中到歌单区，尤其识别到播放按钮。对于这个播放按钮，我们发现它的设计也相对考究：
这个按钮是通过 CSS 的浮动样式留存在此处，并且不是一张 PNG，而是一个 div 元素中通过 background-image 填充实现，这个操作应该是为了避免部分用户不慎长按，结果保存下一张按钮图片，可见细节确实用心。
而在昨晚，网易云音乐的第二份静态一图流 H5 又再次掀起转发浪潮，因为 Beatles 的全部歌曲正式上线了网易云音乐，同样你可以扫描下方二维码体验这个横版一图流 H5▼
而且这份 H5 给网友们扎扎实实地上了一堂历史课，可见当干货与扎实的平面设计相遇时，H5 页面即便是静态一样可以有很好的传播。这在我们发布的《盘点｜期间刷屏的H5神作（22个）》文中今年的政府工作报告 H5 如出一辙。
同样，它也会让我们想到目前朋友圈原生 H5 广告页的盛行一样。似乎我们正在对 H5 过分浮夸的审美进行自我修正。
往期内容推荐阅读：
刷屏的番茄炒蛋H5是怎么做出来的？
小程序｜如何用小程序打开电商之门？
不会代码，如何做微信小程序？
微信下 SVG AttributeName 白名单
定制咨询 (021)37218818
版权所有 JZ多媒体解决方案