妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3908|回复: 0

妙味JS班学员:徐忠元【独具匠心的“百度云”作品】

[复制链接]
leo 发表于 2015-10-14 10:02:06 | 显示全部楼层 |阅读模式


妙味JS实体班学员:徐忠元 结课作品《百度云》作品
*请用chrome浏览器获得最佳体验

0.png


一打开项目,就令人眼前一亮,一个”卡片“式界面从远及近摆正至用户眼前,当然,它并非图片,上面的一些图标、按钮等元素,皆可操作。
1.png


照顾到第一次观看的人,会感到茫然不知所措,因此系统在3~4秒后,右侧会缓慢滑入一个文字介绍,图标选的也非常喜感:一个卡通牛(你的作品的确很牛,和你所学的JS技术一样 ^_^)
2.png


此外,为了提醒你这个项目需要登录,在右侧上方的“登录”按钮处,每隔一段时间,还会以抖动的小动画形式,提示用户你可要登录哦~很贴心的小设计,让人感觉这个网站不是冰冷的,而是温情有味道的~~当然,如果你细心的话,还会注意到那个“搜索”图标,也是有细微的小动画^_^
-1.png


还有许多交互体验的惊喜小细节:
比如:新建文件夹时,如果重复操作,会触发“抖动”提醒,不要重复操作哦~
又比如:点击选中多个文件夹,数字变化时会上下滑动式动画显示;如果鼠标框选的话,则数字不会显示动画,而是直接变化
还有关闭登陆框,是往右侧推入一定距离后才会执行……


无论这些交互动画是否符合每一位用户的习惯,敢于在毕业作品中尽情尝试的想法是很好的。技术就得活学活用,有自己的想法就尽可能去实现,而不要被动的等待工作任务安排了才去做,这样才能找到技术中无穷的乐趣!




在线地址:http://2013.miaov.com/student/xzy/index.html
*请用chrome浏览器获得最佳体验





注: 同学目前已经成功面试到 百度 上班,因此作品只供学习交流,不用作求职目的。





回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-3-22 21:58 , Processed in 0.168147 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表