百度:百度输入法

2019-07-25 H5案例分享 H5案例分享
百度:百度输入法


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

识别图中二维码

百度输入法-查阅二维码

完整欣赏此案例大约需要20秒


案例:百度输入法

品牌:百度

亮点:

1.创意定位

由百度输入法制作的一款联想输入法H5。

 

2.策划逻辑

整个H5大概分为3部分:

 

①Loading部分:在黄白格子的空间里,蓝色进度条,下方是加载进度。自动进入主页,竖行的标题:百度输入法斗诗大赛;“欢迎参加”“每个人都可以成为诗人”“参赛前,请确认您的输入法一进入诗性大发状态”,点击“点击开启创作”进入创作。最下方是百度输入法的Logo。

 

②作诗部分:“输入你的诗歌”开始之前,你需要激活输入法的写作模式。打开百度输入法客户端,输入设置-常规设置-词语联想-选择【连续联想】下方有图片示意。点击“写作模式已确认开启”进入下一步骤:“那么如何用输入法创作一首诗呢?”

STEP1:输入你此刻心里想的任何字或词组

STEP2:在联想词界面持续选择联想字词直到你满意

STEP3:点击创作完成,生成你的诗歌海报

点击“明白了,开始吧”

“接着,用换行来组成诗歌”此刻用户可以在中间的输入框任意联想词语,“每行最多10字,最多6行”,点击“写好了,交卷”。上方标题变成“选择你的诗歌海报”左右滑动选择模板,总共有3款海报。选择完成点击“下一步”

短暂的等候“正在生成你的诗歌海报”

 

③落地页部分:海报中写着创作的诗歌,下方有“重写一次”和“分享作品”两个选项。诗歌海报的左下方和屏幕最下方都有百度输入法Logo。

 

3.设计上

色调主要以鲜明的黄色和荧光蓝为主。

 

4.体验上

一开始说明部分直接明确的提出说“打开百度输入法客户端…”,虽然一般输入法都有联想功能,不可能为了玩一个写诗海报还会特意下载百度输入法。



技术实现: HTML5



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

百度:无差别童年

讯飞输入法:九型性格测试,你是哪一型?

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~