你可能無法一一列出符合現代用戶界面或者網站設計所謂美感的要素或元素，但是當你登錄一個實際的用戶界面的時候，你一定知道它是不是符合現代的視覺要求，因為在感覺上，對于過時的印象有時已經成為了一種習慣。

現代UI設計有助于建立網站設計或品牌的可信度，因為它具有符合當前大多數人視覺美學的風格。 這可能包括視覺趨勢，適應可用性標準和模式以及使用適合當今用戶的開發技術。

在這里，我們將研究在接下來設計符合現代用戶界面你需要注意的一些元素。 希望這些例子中的大多數在你看來都是熟悉的，但是如果沒有，也許是時候計劃為你的項目帶來一些新的風格了。

1.一致性（Consistency）



一致的用戶界面易于使用和理解。 人們不必費心思考如何與你的網站設計進行互動，從而使它更易于使用。

最好以兩種方式考慮一致性。

首先，你會希望你所設計的界面從一臺設備到另一臺設備在外觀和行為上保持一致（這就是為什么響應式設計如此重要的原因）。

其次，設計中的元素彼此保持一致（例如，具有相同顏色，大小和相同位置的按鈕）并遵循通用的使用模式，這種類型的設計一致性使你的界面現代且具有更好的可用性基礎。

總體來說保持UI一致性很重要，因為：

· 它可以減少學習時間：一致性限制了操作和展示方式的數量，從而確保用戶不必為每個項學習新的表示方式。

· 它可以消除混亂：用戶傾向于將自己經歷過的規則應用到你的網站設計或產品中，從而帶來符合最開始自己的期望。 知道這一點，我們應該謹記，當我們偏離設計標準時，是否會引起混亂和陌生感。

2.漸變和深度（Gradients and Depth）



現代界面使用顏色來創造深度并幫助人們了解如何與設計交互。

漸變和微妙的陰影是流行的技術。 漸變色的使用非常新潮，并提供了有趣的視覺效果來吸引注意力。 最合適的陰影應該是看起來并不明顯，但是可以將元素從背景中移開以鼓勵互動。

3.有目的的使用動畫（Purposeful Animation）



在網站設計方面，動畫幾乎無處不在，因此，不要過度使用此技術就顯得尤為重要。

現代的視覺設計僅在有需要的情況下才對元素進行動畫處理。 有目的的動畫可以幫助用戶單擊按鈕，提供導航提示，提供指導或充當簡單的令人愉悅的視覺功能。

為了確保你的網站動畫有目的且不是純粹的裝飾，請考慮動畫元素的目標及其在整體網頁設計中的作用。

4.易于閱讀的文字大小（Easy to Read Font Sizes）



你可能已經注意到，正文的默認字體大小一直在緩慢增加。 這是一個不容忽視的趨勢，相信有很多瀏覽者會因此而感激你的。

小號，或者幾乎難以辨認的字體大小是你在考慮你的用戶界面是否過時的第一件事。 人們已經習慣了更大，更易讀的字體。

所以，在你的網站設計上使用14點到16點的正文字號。 雖然一開始看起來可能很大，但此大小更令人賞心悅目，以可讀的大小轉換為移動屏幕，并已成為相當標準的一個規范（請不要忘記也將行距調整為適當的大小）。

5.語音界面（Voice Interfaces）

你的網站上是否有設計方便用戶在進行語音交流以更加容易找到信息的功能？ 交互式語音界面可能是用戶界面設計中增長最快的部分之一。

你可以以一種使語音界面和人們更容易訪問你的內容的方式來進行網站設計和功能開發。 通過提問和回答的方式來解決常見問題，提供有價值的信息，使用示例創建意圖，并在界面偵聽時使用視覺反饋。

6.無縫互動（Seamless Interaction）



網站互動必須在一臺設備上以及從一臺設備到另一臺設備之間都是無縫的。

用戶在頁面之間移動時希望獲得相同的體驗。 他們還希望網頁設計在其臺式計算機和移動端上具有相同的外觀和行為。

所有現代用戶界面均遵循這些準則。 如果你的網站目前并不支持，則需要立即重新考慮你的網站并立即進行規劃。

7.智能表單/輸入（Smart Forms/Inputs）



要求用戶錄入太多信息的大規模在線表單的時代已經一去不復返了。 現代界面更多的使用簡短的表單，尊重每個用戶的時間，僅詢問少量用戶最常用的信息所需的內容。

現代界面使用智能表格和輸入。 這意味著只要求你填寫必要的信息并驗證數據。 后者在小型設備上更為如此重要，因為它很容易輸錯字并產生錯誤； 數據驗證可立即告訴用戶出了什么問題，并在以后的工作中避免這樣的情況。

8.安全性及可靠性（Secure and Trustworthy）



這個幾乎不用多說什么，你的網站必須安全可靠。

尤其是對于購物或者涉及個人隱私問題的網站，用戶在購物和瀏覽時經常會尋找地址欄是否有安全鎖標識，所以你必須使用SSL和HTTPS，2010年的時候就是如此。

9.可定制和個性化（Customizable and Personalized）



更多界面為用戶提供了更多可定制的個性化服務。

通常，包括使用能夠確定用戶位置的語言和貨幣支持工具，保存購物車幾天的cookie或允許用戶創建更多個人體驗的登錄名。

定制和個性化成為差異化的要點，這將幫助人們在選擇時優先選擇你的網站。 這些小細節可以帶來很大的不同。

10.更新迭代（Evolving）



你必須擁有一個可以隨時間以及趨勢變化而做出響應的設計。

我們曾經說過，你每三到五年需要一個新的網站設計。 現在你可能每6個月左右就需要對網站進行一次調整，以保持新鮮感和相關性（你會感嘆技術發展如此之快）。

從較小的設計更改到可用性更新，請務必注意你在其他網站上看到的內容，并思考這些更改和改進如何對你有利。

總結

乍一看，創建現代UI主要是研究用戶行為和模式以及影響用戶行為和模式的設計選擇。

趨勢和現代界面設計之間有一條很好的界限。 后者往往會停留更長的時間，并且更多地植根于功能和可用性上，而前者主要是美觀。

從心態開始，網頁設計總是在變化。 然后考慮積極并且能夠令人難忘的Web體驗，并在將來對界面進行修訂時考慮這些技術。