LabVIEW UI设计的几个技巧
在实际工作中,有几个我非常喜欢的LabVIEW 中的用户界面 (UI) 和用户体验 (UX) 设计。以下是一些技巧,供大家参考指正。
#1:经典的扁平化控制
现代用户界面倾向于使用平面或半平面 UI 图形。扁平化设计在 2012 年左右开始流行。此时,与十年前的类似用户相比,此时的用户对数字媒体更加熟悉。扁平化设计打破了模拟物理世界外观的普遍趋势。相反,扁平化设计旨在为用户界面设计提供一种简单、极简和干净的方法。但随着时间的推移,扁平化设计的缺点变得更加明显。研究表明,增加接触平面但可点击的元素,会慢慢降低用户确定可点击和不可点击的能力。
这导致改进的“半扁平”设计(也称为“半扁平”)。 Semi-flat 设计风格大多是扁平的,但利用微妙的阴影、高光和图层在 UI 中创建一些深度。平面和半平面设计都具有干净简洁的外观。如果能将其中之一与雅致的调色板相结合,将开始设计专业和现代的 UI。
#2:布局——越简单越好
在 LabVIEW 中,尝试将尽可能多的控件推到单个前面板上是很常见的,但要记住用户交互。这是用户体验设计的关键组成部分。
决定布局时要问的一些问题:
用户与 UI 最常见的交互是什么?
在 UI 上显示的最重要的信息是什么?
与 UI 交互时的典型操作顺序是什么?
如果您将用户界面设置为直观地引导用户完成使用程序的动作,他们会感觉很爽。还要记住,在 UI 设计方面,少即是多。与其制作一个杂乱的界面,不如考虑将控件和指示器分成不同的组,显示在选项卡控件上。允许用户只关注任何给定视图的重要信息。
请记住,如果用户不知道如何使用它,那么您的 UI 有多漂亮并不重要!
#3:调色板
颜色对于 UI 的整体外观非常重要。就像布局一样,在颜色方面,少即是多。
一个好的做法是只为整个 UI 选择几种颜色。考虑使用灰色阴影和一两种主题颜色。或者,您可以使用互补色来突出选择或重要的事情。
#4:动画
你见过LabVIEW中的动画吗?如果您像大多数开发人员一样,答案可能是否定的。动画在现代应用中扮演着重要的角色。它充当将应用程序的布局和感觉联系在一起的桥梁。有效的动画可以通过将面板移入或移出查看区域来帮助简化布局。它还有助于将用户的注意力引导到需要他们输入的应用程序区域。通过这种方式,您可以利用动画来提高应用程序的直观性并提供更好的整体用户体验。
您可能知道,LabVIEW 没有在任何控件中内置动画。好消息是,有一种简单的方法可以为您的用户界面添加运动和动画,而且不会花费您太多时间。
我创建了一个简单的可下载演示,向您展示了基础知识。
National Instruments 也有一些示例,如下所示的附件里,就是一个很好的例子,
#5:修改经典或银色控件
那么,如何制作那些平面或半平面控件?LabVIEW 中的标准现代、银色和经典控件不会为您提供所需的东西,除非您对其进行自定义。
如果在控件上单击鼠标右键,则可以选择高级 -> 自定义以使这些控件具有漂亮/自定义的外观。您也可以选择隐藏许多您不喜欢的图形。
银色和经典控件最容易快速修改,从而为您提供更具吸引力的控件。在下面的示例中,隐藏了银色按钮控件上的阴影。看起来已经好多了!
如果不满意,还可以自定义更多!您可以更改图标、形状,甚至用您最喜欢的互联网图片替换按钮元素。我个人使用Flaticon 为我的应用程序按钮获取一些很棒的自定义图标。
#6:自定义控制面板
自己保存一些好的控件,同时也从网络上搜集借鉴其他人做的东西。做个有心人,一定会把UI设计的越来越好。