相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

设计规范完全自学指南:进度指示器

春哥发布于:2019-11-28 21:30 |原作者: 酒夏|
春哥
重庆市 江北区 GUI设计师
发私信 + 关注
简介: 本文梳理了设计规范中进度指示的相关组件,包括分类和使用规则,还列举了大量市面上优秀的线上案例,更深一步探究对组件的使用。


大众点评

大众点评在设计活动指示器的时候,结合自身 logo 的同时,也将用户在使用大众点评时所期望有的惊喜感,融入其中,使简单的 logo 瞬间饱满,简单且有趣。

设计规范完全自学指南:进度指示器 飞特网 设计理论

设计规范完全自学指南:进度指示器 飞特网 设计理论

还有一些比如淘票票,京东购物,网易考拉也做得很好。


设计规范完全自学指南:进度指示器 飞特网 设计理论

设计规范完全自学指南:进度指示器 飞特网 设计理论

设计规范完全自学指南:进度指示器 飞特网 设计理论

设计规范完全自学指南:进度指示器 飞特网 设计理论

3. 结合产品理念设计

产品通过自身品牌定位,在加载刷新组件中融入,满足用户本身使用产品的需求目标,并且对产品价值进行强化,一方面完美传递了产品理念,另一方面也让产品显得更有趣味。

饿了么

饿了么的 logo 也是属于简约型,单纯的字母和线条结合,在下拉刷新和加载的设计上,融入了时间的概念,产品 logo 和时效性相结合,动画做的非常有趣,也生动传递了产品理念。

设计规范完全自学指南:进度指示器 飞特网 设计理论

设计规范完全自学指南:进度指示器 飞特网 设计理论

网易严选

网易严选的 logo 属于文字 logo,文字表现力会比图形稍微弱一点,那么结合自身产品定位和理念来展示形象的处理方式也非常好,深入人心。

设计规范完全自学指南:进度指示器 飞特网 设计理论

设计规范完全自学指南:进度指示器 飞特网 设计理论

有钱花

有钱花通过字母 logo 和金融类的产品属性「钱币」相结合,直观简约,再加上动画效果表现使用产品所带来的利益惊喜感,展现「日进斗金」的效果,用户体验加分。

设计规范完全自学指南:进度指示器 飞特网 设计理论

设计规范完全自学指南:进度指示器 飞特网 设计理论

KEEP

keep 产品的加载使用一个秒表的样式来体现运动 app 的特性,也是让人耳目一新。

设计规范完全自学指南:进度指示器 飞特网 设计理论

设计规范完全自学指南:进度指示器 飞特网 设计理论

总结

最后总结一下以上所梳理的内容,首先是对设计规范中进度指示相关组件的分类和了解,以及使用规则。然后再列举了大量市面上优秀的线上案例,更深一步探究对组件的使用。

设计规范完全自学指南:进度指示器 飞特网 设计理论

原文链接: https://mp.weixin.qq.com/s/GE4t8cc0kdFaoKe48-tDxg

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

123
24

好评
16

差评

刚表态过的朋友 (40 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

春哥
重庆市 江北区 GUI设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计