Predix应用图标设计准则简介

作者:侯松岩,GE数字化集团高级用户体验设计师。

如果您还没有Predix试用帐号,请访问https://supportcentral.ge.com/esurvey/GE_survey/takeSurvey.html?form_id=18446744073709715720 申请。请务必准确提供您的信息,我们会以邮件方式通知您注册结果。


身在一个产品开发团队,要在Predix上开发自己的App,在设计阶段,如何选择合适的图标来符合自己的工业生产场景? Predix提供了一系列准则来帮助你。


首先我们来看看一些大的准则:

  • 让你的图标变得有意义:让你的图标变得有含义,一目了然,而不是仅仅为了视觉效果。
  • 最小化颜色的使用:图标有自己的一套颜色选择,最好是为不同状态选择一个颜色的不同状态,并且统一语意。
  • 使用合适的图标类别:Predix提供了各自类别的图标库,但是不要跨库使用。如果没有,可以自定义创建。
  • 在自定义的时候遵循准则:设计语言的统一性永远都是重要的,在你的应用中,你要保持图标的家族性。

那接下来让我们简单的来看看这些准则吧:

  1. 样式

图标均由1像素的线条和0.5像素的圆角,来构成一定的软边角。在端口处使用硬朗的方形,90度的转角,给与一种工业的坚固性。

      2. 类别和尺寸

Predix提供的icon套装适用于不同的类别:功能类,导航类,物体类以及应用类。大部分图标典型的尺寸是32像素,但是次级别图标或是次要要素的图标建议使用22像素。最小的尺寸是16像素。所有的图标都应该使用1像素的线条来保持他们在一倍像素下的统一性。

应用类图标 16*16



导航类图标:22*22


功能类和物体类图标32*32

      3. 颜色

图标颜色的基础是单色调的色彩系统。可定义的色板通常是用在选中状态以及强调的时候。图标一般来说如果没有被选择或悬浮指定时是灰色的。对于Predix来说,标志性的蓝色是主要被使用的激活状态颜色,不过如果需要的时候,你也可以增加其他的颜色。



关于Predix





1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。、可私 6信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。、可 6私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。、可私 6信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值