东风悦达·起亚：大美西域-声声慢（系列2）

2016-12-30 H5案例分享 H5案例分享

案例：大美西域-声声慢（系列2）

出品：东风悦达·起亚

亮点：

策划上，大美西域第二季，以“声声慢”为主题，皮影、唢呐、瀑布三种声音，让读者感受每一中声音所带了的韵味，引出了最后大美西域与东风悦达·起亚一起寻访录制自己心仪的西域特色的声音，共同创制《蜚声西域图》。
设计上，浓浓的中国古风。颜色和文字都颇具古韵，同时不规则的文字排列让原本死板的文字像音符一样充满了韵律。排版上都是以上字下图的方式，文字排列的像传播出去的波纹，点击放出声音时，画面会冲散文字，更加符合主题。
体验上，音乐浓浓的古风背景音乐，清新淡雅，愉悦读者的双耳。每一种声音点击都会出现相应的声音，有一种身临其境的感觉。

技术实现： jQuery

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

大美西域-声声慢（系列2）-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签