一個企業需要的設計師不僅是理論紮實，更重要的是實戰經驗豐富，還關注使用者體驗度。對於想要從事UI設計行業的人來說，學習理論很簡單，但如何才能積累設計經驗呢。接下來的杭州UI設計學習實戰中，就給大家講解如何做出漂亮實用的UI介面。

1、深色主題

深色主題是過去幾年中最需要的功能之一，蘋果和谷歌都將深色主題作為使用者介面設計重要的組成部分。深色主題降低了介面亮度，在深色環境中給使用者提供了適度安全感，也最大限度減少了使用者的眼疲勞。在設計產品的深色主題時需要了解8個技巧：避免純黑色、避免在深色主題上使用飽和色、符合無障礙色彩對比標準、文字使用“開啟”顏色、不同的背景對顏色的感知也不同要考慮設計的情感方面、深度溝通、允許使用者從普通模式切換到深色模式、測試你在淺色和深色外觀的設計。

2、 動效設計&微互動

我們知道如果加入動畫會讓網頁內容增大，即使未來是5G網路也會讓網頁載入時間增加，這對於使用手機訪問的使用者來說，是非常致命的，2020年依然建議使用微動效即可。一個優秀的互動微動效，在設計上應該遵循以下三個核心原則：1）剋制有度，控制時長和出現頻率，不增加額外操作，不干擾使用者；2）清晰聚焦，重點突出、符合邏輯，給與使用者充足的閱讀時間；3）自然流暢，保持視覺連續性，緩動過渡，做到不卡、不閃、不跳。

3、漸變

漸變給設計師帶來了更大的創作自由，還給設計引入了深度和維度，解決了扁平設計中一切都「太平」了的問題。漸變有幾種基礎型別，他們都會有一箇中心起點，顏色從這裡開始，然後逐漸融入其他顏色。如線性、徑向、錐形漸變。在設計漸變時一定要注意這幾點：1）注意漸變顏色的選取；2）漸變過程中注意平滑過渡；3）注意情緒的傳達；4）不要忘記顏色對比；5）選擇順手的漸變工具。

4、UI插畫

在UI設計中使用插畫不僅能夠承載充足的資訊量，在一定程度上滿足公眾的情感訴求，還更容易強調UI介面的故事性和趣味性，加入插畫元素的UI介面更容易給公眾帶來愉悅的情緒體驗。

除了上述內容能夠，想要做出漂亮實用的UI介面，你還需要熟練掌握各類軟體工具如PS、AI，還需要關注使用者體驗。

1.瞭解您的使用者

最重要的是，您必須知道您的使用者是誰 - 內部和外部。這意味著瞭解您的分析應用程式可以提取的所有人口統計資料，是的。但更重要的是，它意味著知道他們需要什麼，以及阻礙他們實現目標的方式。

達到這種同理心需要的不僅僅是對統計資料的仔細分析。它需要了解使用您網站的人。這意味著與他們面對面交談，看著他們使用你的產品（也許還有其他人），並向他們提出更深入的問題，“你對這個設計有什麼看法？”

他們的目標是什麼？是什麼阻礙了他們實現這些目標？網站如何幫助他們克服或解決這些挑戰？

不要因為知道使用者的需求而停下來。深入挖掘並找出他們需要的東西。畢竟，慾望只是需求的產物。如果您能滿足使用者的根本需求，您將滿足他們的需求，同時滿足更多基本要求。

透過分析資料和與使用者交流，您將發現的見解將告知您做出的每個決策，從人們如何使用您的介面到您將在該介面中突出顯示的內容型別。

2.定義人們如何使用您的介面

在設計介面之前，您需要定義人們如何使用它。隨著基於觸控的裝置越來越普遍，它比您想象的更為關鍵。看看吧

應用程式的使用者體驗實際上是透過簡單滑動的輕鬆和衝動來定義的。

人們以兩種方式使用網站和應用程式：直接（透過與產品的元素互動）和間接（透過與產品外部的元素互動）。

有時，互動太容易了。

您的使用者是誰以及他們使用的裝置應該在此深入瞭解您的決策。如果您是為老年人或其他手動靈巧度有限的人設計的，那麼您不希望依靠滑動。如果您正在為主要透過鍵盤與應用程式進行互動的編寫者或編碼人員進行設計，那麼您將需要支援所有常用的鍵盤快捷鍵，以最大限度地減少使用滑鼠的時間。

3.設定期望

用設計來設定期望

用副本設定期望

在空曠的州提供定向/鼓勵的副本

發出警告並要求確認

4.預見錯誤

人們會犯錯誤，但他們不應該（總是）不得不承擔後果。有兩種方法可以幫助減輕人為錯誤的影響：

在錯誤發生之前預防錯誤

提供在發生之後修復它們的方法

也就是說，有時你只需要讓事故發生。那是詳細的錯誤訊息真正進入他們自己的時候。

當您編寫錯誤訊息時，請確保它們執行以下兩項操作：

解釋問題。例如，“你說你出生在火星上，人類沒有殖民。然而。”

解釋如何解決它。例如，“請進入地球上的出生地。”

預測使用者錯誤的原則稱為poka-yoke原則。Poka-yoke是一個日語術語，意思是“防錯”。

5.快速提供反饋

在現實世界中，環境為我們提供了反饋。我們說話，其他人回答（通常）。我們颳了一隻貓，它發出嘶嘶聲或嘶嘶聲（取決於它的情緒和我們對貓搔癢感到多少）。

通常情況下，數字介面無法提供太多回饋，讓我們想知道是否應該重新載入頁面，重新啟動膝上型電腦，或者只是將它扔出最近的可用視窗。

安排或傳送電子郵件時提供反饋和鼓勵。

只要確保一切都快速發生。定義任何超過1秒的延遲作為中斷。超過10秒，中斷。而後者的慷慨：對於大約一半的美華人口來說，3秒就足以導致反彈。

如果頁面將在5秒內載入，請不要顯示進度條，因為它實際上會使載入時間看起來更長。相反，使用一個並不意味著進步的視覺化，就像Mac臭名昭著的“死亡風車”。但不是那樣。如果您確實在網站上使用了進度條，請考慮嘗試一些視覺化技巧，以使載入看起來更快。

6.仔細考慮元素的位置和大小

Fitts"Law是人機互動的基本原則，它指出：

獲取目標的