如何設計乙個好的使用者介面

1. 了解您的使用者。

你的使用者是最終判斷使用者介面質量的人，所以使用者是你的最終目標，如果你不了解使用者的需求，即使你的介面很好，也不是使用者想要的產品。 仔細檢視使用者的偏好，了解他們的技能水平和經驗，並觀察他們在介面中的操作方式。 不要沉迷於更新以趕上設計趨勢或不斷新增新功能。

永遠記住，首要任務是關注您的使用者，以便您可以建立乙個介面，使他們能夠實現目標。

2.注意UI模型。

在軟體中，使用者的大部分時間都花在了介面操作（資料錄入、資料修改、資料審核等）上，這與使用者操作的**類頁面主要是瀏覽完全不同。 我們不需要增加等式，使用者希望看到已經存在的軟體介面，具有相似的功能，或者遵循新建立的介面中的基本操作方法。 因此，使用已經成為例行公事的UI模型會讓使用者感到熟悉。

3. 始終如一。

使用者需要知道，一旦他們學會了做某事，下次它就會同樣有效。 語言、布局和設計是需要保持一致的一些介面元素。 一致的介面使使用者能夠更好地了解操作方式，從而提高效率。

4.清晰的視覺水平。

設計時，讓使用者專注於最重要的事情。 每個元素的大小、顏色和位置共同指出了理解介面的方法。 清晰的層次結構將在降低外觀複雜性方面發揮重要作用（即使行為本身同樣複雜）。

5. 提供反饋。

介面應始終與使用者通訊，無論他們的行為是對還是錯。 隨時提醒使用者狀態更改、錯誤或異常。

視覺提示或簡單的文字提醒可以告訴使用者他們的操作是否達到了預期的結果。 詳細。

檢視大型軟體的使用者介面並了解更多資訊。 您還可以將使用者介面從 Web 移植到軟體。

一般來說，漂亮的軟體需要用紋理來製作。 無邊框設計。

使用者介面理性組織可以減少認知困難

正確組織的螢幕元素使頁面看起來乾淨，這有助於使用者更輕鬆、更快速地理解使用者介面設計的元素。

2.顏色不是決定性因素

物體的顏色隨著光線的變化而變化。 顏色是乙個可變屬性，不應在介面中起決定性作用。 它可以用作提醒，但它不應該是唯一的區別元素。

3.漸進式效能

每個螢幕上僅顯示必要的內容。 如果使用者必須做出選擇，請向他們提供足夠的資訊，然後在他們自己的頁面上顯示詳細資訊，以避免在乙個介面上過載所有詳細資訊。

4. 零狀態介面

首先訪問介面很重要，但它經常被設計師忽視。 為了幫助使用者適應，應提供啟動方向和指導。

5.好的設計是無形的

好的設計是無縫的。 如果設計成功，使用者只能專注於自己的目的，而不是使用者介面設計的元素。

6.介面被人使用

只有當使用者使用您設計的介面時，它才會成功。 如果一件衣服很漂亮，但穿起來不舒服，那麼這個設計就是失敗的。

1. 始終如一。

“一致性”和“感知穩定性”都是Mac系統設計的一部分。 從 80 年代到現在，Mac 中的選單欄設計一直保持著這一功能。

2.為有經驗的使用者提供快捷方式。

Mac 允許使用者使用各種快捷鍵，常見示例包括複製 （Command-C） 和貼上 （Command-V） 以及螢幕截圖 （Command-Shift-3）。

3、提供有效的資訊反饋。

在 Mac 上，當使用者單擊桌面上的檔案時，突出的效果是視覺反饋的乙個很好的例子。 另乙個示例是，當使用者在按下滑鼠之前將資料夾拖動到桌面上時。

4.設計關閉動作的對話提示。

當您在 Mac 上安裝軟體時，將出現一條對話螢幕訊息，告訴您當前安裝狀態的位置。

5、提供合理的錯誤處理資訊。

在軟體安裝過程中，一旦發生錯誤，通常會彈出乙個帶有訊息的警告框來處理。 此時，根據錯誤的嚴重程度選擇是使用輕量級警告框還是更突出的警告框尤為重要。 但是，在任何情況下，都不要因為犯錯而懲罰使用者，而應謹慎選擇適當的語氣和語言來呈現給使用者。

簡單地刪除錯誤程式碼再愚蠢不過了。

6. 允許輕鬆撤銷。

當在程式安裝過程中提供相關資訊時出現錯誤時，應允許使用者返回上一步並進行更改，而不是因重新開始而懲罰他們。

7、滿足使用者的控制需求。

使用者應有權選擇是繼續執行程式還是退出程式。 Mac 的活動監視器允許使用者在程式意外崩潰時強制退出。

8.減輕短期記憶的負擔。

我們都知道，人類在短期記憶中只能記住5件事（事），而iPhone一直堅持只允許在主選單區底部的螢幕底部欄放置4個程式圖示，其實這個決定不僅考慮到了使用者的記憶負擔， 但也要考慮到一致性。

xd 出冗餘圖 如果只需要本地詳細節點圖，可以在布局中建立本地映象。

如果模型中確實需要這個部分，可以複製它，然後畫乙個本地邊界框，然後用這個邊界框作為邊界，修剪掉外國人不需要的部分。

也可以使用 xc 命令輕鬆完成：

1. 首先，定義要修剪成塊的圖，選擇整個圖，在命令列中輸入 b 來定義塊。

2. 在命令列中輸入 xc Enter 以選擇要修剪的圖形 Enter Enter。

3.確定方向，如果要修剪矩形框中的物體，請選擇“反向剪裁”，即輸入i-Enter。

Adobe XD 是一款向量化圖形設計軟體，專為 Adobe 下的 UX、UI、原型和互動而設計。

它支援跨平台的 Win10 和 macOS，允許您快速設計和構建移動應用程式或原型，包括線框、視覺設計、互動設計、使用者體驗設計、原型設計、預覽和共享。

Adobe XD 是乙個多合一的 UX UI 設計平台，用於移動應用程式、網頁設計和原型製作。

同時，它也是一款集設計與原型功能於一身的跨平台設計淮車產品，同時提供工業級效能。 設計人員可以使用 Adobe XD 高效、準確地完成從靜態編譯或框架圖到互動式原型的轉換。