一时·一令 节气H5手机交互网页设计

可以进入以下链接进行预览：

http://1bc155d4.u.h5mgd.com/campaigns/5a9602f0a09f7b0fab11c3f5/20180510024100/5ac79fded208101bfe486b6d/index.html

手机识别图中二维码进入体验作品

此作品选择了1年里12个月中不同的节气进行界面和交互设计

每一节气都有不同交互方式

或摇晃手机 或点击拖动 或擦除 或翻转

也是每一节气给我的不同感受和灵感

作背景的色彩变化

则是根据不同时日的气温感受

从中国传统颜色中提取12种颜色并作变换过渡

小太阳出现的选择页设计成时钟样式

这里日影变为指针

日影的长短亦依据特定时间而相应变化

通过变换手机指向方向调整指针朝向

点击便将进入各个节气

冬至 「钴蓝」

而热锅里暖心的汤圆是寒夜的慰藉

盛出10颗 刚好一碗 趁热品尝吧（不过当心露掉的芝麻陷又会给碗里染得星星黑点

立春 「春蓝」

横屏放于桌面的手机是刚苏醒的土地

慢慢抬起 万物并行生长 发现飞虫也一同游乐其间

惊蛰 「碧玉石」

点击是闪动的春雷 惊起土地上隐藏小洞里的春虫

清明「丹灰绿」

祭奠之日 安静待这为前人所上的一柱香缓缓烧尽

谷雨「水黄」

一波又一波 下落

这是迎接丰收的雨露

芒种「甘草黄」

忙收亦忙种

快收割田里的麦子 定要赶忙将新一波稻谷插在地里

夏至「桔黄」

炎热的日子 离不开的是风扇

调最大的风速 呼呼的 但还是永远觉得凉快不够

处暑「辰沙」

想趁夏天离开前 再在未凉的水里放空漂游

秋分「洋葱紫」

秋风起 树叶也阵阵落下

喜欢望着被风扰动的被子摇动的样子发呆

霜降「紫藤灰」

寒冷的日子 常想在窗前哈上一口气

然后画张小画吧

大雪「花青」

晃下树上的积雪

好像就可以一下变成电影里的浪漫场景

结：

这个作品是大二交互H5课程上的作业练习 刚刚接触这一方面便想尝试结合不同的交互方式 精力有限 所以视觉呈现上主要是简约的风格 主要都在交互方式的思考和设计上（扫二维码体验一下吧）

最后感谢观看:)