杭州会计培训
达内杭州会计培训中心

13732203138

热门课程

20条UI图表设计技巧和套路(下)

  • 时间:2020-06-09 14:21
  • 发布:杭州编程培训
  • 来源:网络

接着昨天的内容,我们将继续给大家介绍一些关于面试可能遇到的题目,希望大家能够在看完文章之后多学习知识点,
以便日后更好的面试!

11. 是否选用渐变色视觉化图表中数据的梯度变化?

比如,当图表中数字大于 2000时, 图标选用红色渐变色进行展示。当数据数字小于 2000时, 则可使用橙色进行展示。

12. 假若用户无权限查看相关图表数据时, 又该如何设计?

此时,设计师则需要为该图表添加一个禁止查看的状态设计。

13. 图表在加载状态下,又该如何呈现?

对于部分图表而言,数据展示,需要一定时间从后台检索或计算相关数据。这时,为避免给用户带来不佳的用户体验,就需要设计师添加一个图表加载状态的设计,以明确告知用户:正在为你加载相关数据。

14. 图表是静态,动态,还是响应式的设计?

关于这类问题, 不同的设计项目,会有不同的情况, 需要设计师因情况而定。例如响应式图表设计,需要设计师向开发人员提供多套不同设备或系统的相关设计数据,以方便开发人员进一步设计和落实。

15. 当用户单击、双击或长按图表时,又应该给用户怎样的反馈?

一般而言,单击图表区域,能够切换全屏,查看图表细节。双击,则可扩展图表。长按,则可聚焦并突出展示图表特定区域。

16. 是否可查看图表历史数据?

一般而言,简单滑动图表页面或轻按相关按钮,即可查看相应图表的历史数据。值得注意的是:设计师需要给图表数据添加一个时限,并非所有的历史信息都可查看。

17. 是否需要突出展示对用户重要的数据?

比如,以当今流行的减肥类卡路里跟踪软件为例,如果用户达到了每日热量(即卡路里)限制的90%,设计师则可在每日热量跟踪图表中,将相关展示项目和超出部分的数据增长,使用橙色进行突出展示。然后,在超过100%之后,选用红色进行标记,以显示用户已经远远偏离规定饮食(即每日卡路里的限制)。

18. 是否需要为图表添加动效?

图表数据也可动态展示。比如,柱形图,一次展示一条。饼形图,一次展示一部分,以增加界面趣味性和灵动性。

19. 图表数据展示是否遵循特定的顺序?

如若设计师希望按升序展示用户数据时,则需要在交付的过程中,向开发工程师明确提出这一设计需求。

20. 用户是否可以自定义图表数据?

一般而言,用户可自由选择需要显示或突出展示的图表信息。

希望以上分析的相关设计技巧和套路能够帮助大家成功优化Web/App设计中图表的外观和用户体验。总之,在具体的图表设计过程中,设计师和开发人员需要从不同的角度进行思考:

  • 产品角度(考虑图表设计是否符合产品特色、风格以及品牌形象)
  • 用户角度(考虑用户是否能够轻松获取和理解图表呈现的相关数据)
  • 开发角度(考虑图表设计是否能够完美的实现和还原)

事实上,图表设计中,最容易出现的问题就是:构图美观炫酷、数据直观清晰,却唯独忽视了用户的真正需求。如若设计师希望能够避免这类问题的出现,设计图表时,请牢记以上问题和套路。

当然,如若你认为你的图表设计已然完美无缺时,也不要忘记尝试使用不同的数据系统(比如大小数据集、数据缺失等等)进行测试,以确保在各种情况下,图表对用户而言,都是可读、可识别、可理解的。

正如《小王子》作者Antoine de Saint-Exupery 所说的那样:“实现完美,并非无以复加,而是毫无冗杂。”

从设计中删除不必要的元素或内容,不仅能够简化设计本身,还能够有效提升其用户体验。

总之,希望以上介绍的图表设计技巧和套路,能够帮助广大设计师和开发人员解决一定设计问题和痛点的同时,成功打造最佳的Web/App设计。

预约申请免费试听课

怕钱不够?就业挣钱后再付学费!    怕学不会?从入学起,达内定制课程!     担心就业?达内多家实践企业供你挑选!

上一篇:20条UI图表设计技巧和套路(上)
下一篇:没有下一篇了

20条UI图表设计技巧和套路(上)

设计趋势 | 从5G到AR看未来设计

同事要源文件该不该给?

web前端这样按这个路线学,大胆跟HR谈工资!

选择城市和中心
江西省

贵州省

广西省

海南省