南方黑芝麻：有一种代沟叫没被读懂的爱

2018-01-23 H5案例分享 H5案例分享

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

识别图中二维码

有一种代沟叫没被读懂的爱-查阅二维码

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

案例：有一种代沟叫没被读懂的爱

出品：南方黑芝麻

亮点：

策划上，图文展示类，加载完成后，点击“马上观看”，进入主要内容，页面的左边是妈妈常说的话“常回家”、“穿秋裤”等等，页面右边是子女常见的回复，页面底端是妈妈话里的深意。最后页面显示南方黑芝麻的LOGO，“每一句三字经的背后，都包含了一万分的关心” ，引人深省。
设计上，主体颜色为白色，页面的边框搭配红色的祥云、灯笼等图案的花纹，整体比较素净；田字格，拼音等，与三字经相呼应；字体的选择也独树一帜，妈妈的话归于田字格中，由芝麻拼凑而成，字体比较工整，子女的回复字体选用卡通风格，凸显现在大多数年轻人的活力，对话语的解释选择的是普通字体，但有颜色的加深效果，直观明显。
交互上，点击和滑动页面两种方式。
体验上，比较喜欢这种素净的表现形式，关爱很简单，只要相互理解，代沟也不再是代沟。

技术实现： canvas+js

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

标签