CSS图书馆 » HTML & CSS » 「添加购物」功能交互演示

「添加购物」功能交互演示

发表于: HTML & CSS, 交互设计. 评论
Sponsor

几平每个购物网站都会有一个购物车功能,它可以算是不可缺少的重要组成部分之一,也许你已习惯了右上角的购物车体验,也想不出创意的点子,那么建议看看 codyhouse 的新作:「添加购物」交互效果,也许会有借鉴创意的地方。

这个「添加购物」功能有下面几个主要特色:

特色1:购物车图标默认隐藏,只有添加图标后才显示购物车。

特色2:展开动画十分友好,比如添加数量有的递增动画、购物车小窗口展开方式、删除产品动车等。

add-to-cart-ux
 

特色3: 支持撤消删除的一个产品。

add-to-cart-ux-2

虽然是一个简单的功能,但我们也要注重它的细节体验,这样才能做好的产品。

点击下方链接查看 DEMO:
https://codyhouse.co/demo/add-to-cart-interaction/index.html

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }