LabVIEW UI設(shè)計的幾個技巧 www.bjcyck.com

在實(shí)際工作中，有幾個我非常喜歡的LabVIEW 中的用戶界面 (UI) 和用戶體驗 (UX) 設(shè)計。以下是一些技巧，供大家參考指正。

#1：經(jīng)典的扁平化控制

現(xiàn)代用戶界面傾向于使用平面或半平面 UI 圖形。扁平化設(shè)計在 2012 年左右開始流行。此時，與十年前的類似用戶相比，此時的用戶對數(shù)字媒體更加熟悉。扁平化設(shè)計打破了模擬物理世界外觀的普遍趨勢。相反，扁平化設(shè)計旨在為用戶界面設(shè)計提供一種簡單、極簡和干凈的方法。但隨著時間的推移，扁平化設(shè)計的缺點(diǎn)變得更加明顯。研究表明，增加接觸平面但可點(diǎn)擊的元素，會慢慢降低用戶確定可點(diǎn)擊和不可點(diǎn)擊的能力。

這導(dǎo)致改進(jìn)的“半扁平”設(shè)計（也稱為“半扁平”）。 Semi-flat 設(shè)計風(fēng)格大多是扁平的，但利用微妙的陰影、高光和圖層在 UI 中創(chuàng)建一些深度。平面和半平面設(shè)計都具有干凈簡潔的外觀。如果能將其中之一與雅致的調(diào)色板相結(jié)合，將開始設(shè)計專業(yè)和現(xiàn)代的 UI。

?

#2：布局——越簡單越好

在 LabVIEW 中，嘗試將盡可能多的控件推到單個前面板上是很常見的，但要記住用戶交互。這是用戶體驗設(shè)計的關(guān)鍵組成部分。

決定布局時要問的一些問題：

·??????? 用戶與 UI 最常見的交互是什么？

·??????? 在 UI 上顯示的最重要的信息是什么？

·??????? 與 UI 交互時的典型操作順序是什么？

如果您將用戶界面設(shè)置為直觀地引導(dǎo)用戶完成使用程序的動作，他們會感覺很爽。還要記住，在 UI 設(shè)計方面，少即是多。與其制作一個雜亂的界面，不如考慮將控件和指示器分成不同的組，顯示在選項卡控件上。允許用戶只關(guān)注任何給定視圖的重要信息。

請記住，如果用戶不知道如何使用它，那么您的 UI 有多漂亮并不重要！

#3：調(diào)色板

顏色對于 UI 的整體外觀非常重要。就像布局一樣，在顏色方面，少即是多。

一個好的做法是只為整個 UI 選擇幾種顏色?？紤]使用灰色陰影和一兩種主題顏色?；蛘?，您可以使用互補(bǔ)色來突出選擇或重要的事情。

?

#4：動畫

你見過LabVIEW中的動畫嗎？如果您像大多數(shù)開發(fā)人員一樣，答案可能是否定的。動畫在現(xiàn)代應(yīng)用中扮演著重要的角色。它充當(dāng)將應(yīng)用程序的布局和感覺聯(lián)系在一起的橋梁。有效的動畫可以通過將面板移入或移出查看區(qū)域來幫助簡化布局。它還有助于將用戶的注意力引導(dǎo)到需要他們輸入的應(yīng)用程序區(qū)域。通過這種方式，您可以利用動畫來提高應(yīng)用程序的直觀性并提供更好的整體用戶體驗。?

您可能知道，LabVIEW 沒有在任何控件中內(nèi)置動畫。好消息是，有一種簡單的方法可以為您的用戶界面添加運(yùn)動和動畫，而且不會花費(fèi)您太多時間。?

我創(chuàng)建了一個簡單的可下載演示，向您展示了基礎(chǔ)知識。

National Instruments 也有一些示例，如下所示的附件里，就是一個很好的例子，

#5：修改經(jīng)典或銀色控件

那么，如何制作那些平面或半平面控件？LabVIEW 中的標(biāo)準(zhǔn)現(xiàn)代、銀色和經(jīng)典控件不會為您提供所需的東西，除非您對其進(jìn)行自定義。

如果在控件上單擊鼠標(biāo)右鍵，則可以選擇高級 -> 自定義以使這些控件具有漂亮/自定義的外觀。您也可以選擇隱藏許多您不喜歡的圖形。

銀色和經(jīng)典控件最容易快速修改，從而為您提供更具吸引力的控件。在下面的示例中，隱藏了銀色按鈕控件上的陰影。看起來已經(jīng)好多了！

如果不滿意，還可以自定義更多！您可以更改圖標(biāo)、形狀，甚至用您最喜歡的互聯(lián)網(wǎng)圖片替換按鈕元素。我個人使用Flaticon?為我的應(yīng)用程序按鈕獲取一些很棒的自定義圖標(biāo)。

#6：自定義控制面板

自己保存一些好的控件，同時也從網(wǎng)絡(luò)上搜集借鑒其他人做的東西。做個有心人，一定會把UI設(shè)計的越來越好。

?