美文网首页
【H5案例分享】DIY定制小程序:敦煌诗巾

【H5案例分享】DIY定制小程序:敦煌诗巾

作者: H5案例分享 | 来源:发表于2018-12-29 10:38 被阅读0次
    H5案例库:h5anli.com

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

    识别图中二维码

    H5案例库:h5anli.com

    完整欣赏此案例大约需要1分50秒

    案例:敦煌诗巾

    出品:腾讯 & 敦煌研究院

    亮点:

    1.创意上

    将敦煌藻井的概念延续到丝巾上,通过用户的交互,以“层”的叠加变化创作丝巾图案。最后,还提供用户购买自己亲手定制的敦煌藻井图案丝巾和众多用户参与创作的敦煌诗巾作品集合。很好的完成了品牌传播和引流转化。

    藻井,遮蔽建筑顶部的穹窿状天花,每一方格为一井,故称藻井。敦煌藻井高踞石窟顶部,受风沙及恶劣自然环境的损坏较少,同时也免除了许多人为的损坏,因此保存较完好。敦煌藻井多达四百余顶,绘制十分精致,是敦煌图案中的精华。

    用户DIY操作合成的图案通过合成算法实现,根据每个图案元素的不同特性,进行交互设计,用户可以通过对元素的缩放、旋转、位置调整,以自己的想象和审美创作出无穷可能性。

    从海量敦煌图案资料中挑选出具有代表性的主题图案,再将对它们进行重现、再设计。从极精细的线稿,到具有不同色调和绘画风格的彩色稿,再布局到丝巾的设计架构中。

    H5案例库:h5anli.com H5案例库:h5anli.com

    丝巾图案生成后,系统会根据图案的寓意生成三行诗,把新一年的美好愿望寄予这方敦煌诗巾。还可以一键定制自己创作的丝巾,每一条都独一无二,每个人都可以做设计师。

    2.策划上

    H5案例库:h5anli.com

    进入小程序后,用户可选择8大主题元素中的任意一个。8款主题图案,近200组装饰元素,原型都来自敦煌图案,经由设计师再创作,让它们即保留了原味,又符合当代审美。

    每个主题都有小介绍,例如:莫高窟敦煌第407窟的三兔共耳、莫高窟第71窟的百鸟朝凤,以及大家最熟悉的莫高窟第257窟鹿王本生中的九色鹿。每个主题背后都有着美好祥和的文化寓意。

    在选择主题元素后,用户从底部元素列表中进行任意选择和添加,创造自己独一无二的专属敦煌丝巾。特别是,所有元素都可以通过大小和角度的调整,变成你称心的样子。

    H5案例库:h5anli.com

    左图:点击底部元素部件即可添加图案;手指滑动屏幕可缩放图案大小和形态

    右图:多款底色元素可供选择

    再点击【完成】按钮,完成你的专属敦煌丝巾创作!你的丝巾创意将被收录进数字展览馆,展示给所有喜欢“敦煌诗巾”的人。

    最后,如果你对自己的作品非常满意,还可以下单定制并购买。

    3. 体验上

    如果戴上自己创造的敦煌诗巾(世界独一无二),想想都觉得美好。

    H5案例库:h5anli.com

    技术实现: 小程序

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

    相关文章

      网友评论

          本文标题:【H5案例分享】DIY定制小程序:敦煌诗巾

          本文链接:https://www.haomeiwen.com/subject/ecrulqtx.html