統一的比例：能夠讓多端介面設計擁有比較一致的用戶體驗。如黃金分割比例的手法，能夠讓介面有比較規則的美。 統一的佈局：能夠讓介面呈現一致的視覺效果。除此之外，還能夠讓用戶流覽和操作起來更為便捷。如搜索框所見即所得，檢索的結果在視覺上也減少…

詳情

  字母標記捲軸 這種清單設計模式簡單來說就是以字母的方式進行排列，在清單上使用英文字母的方式作為清單的捲軸。一般出現在用戶不知道列表專案的完整名稱中的頁面設計需求使用，以此可以幫助用戶快速地進行定位。 2、頁碼標籤 …

詳情

  卡片式設計趨勢之所以一直在使用以及優化，是因為它能夠持續地進步，以及適應移動端設計興起的潮流。最重要的是，它兼顧了視覺效果以及可用性！ 再者，它還能夠提供了一致性的理想網頁設計架構，充分地運用使用者對於清晰而漂亮圖片的喜愛…

詳情

  首先，要明白頁面設計的當中使用的微交互形式並非只能夠承擔著單一的作用，它其實也可以擔任多個角色。比如，當你無法準確地進行表述，可以合理地使用它去增強使用者在頁面設計當中交互的參與感。 因此，當你考慮要如何設計一個微交互的時…

詳情

  友好的頁面交互體驗，其實要真正地實現，並不難。前提是，頁面設計師需要真正地站在使用者體驗，尤其是用戶使用體驗的角度去思考與提煉。 怎麼判定某個按鈕交互設計的友好？其實並不複雜： 能夠快速地向用戶的點擊後的行為； …

詳情

  樂觀派的介面交互設計，在理性角度來說僅僅是代表著處理使用者與介面交互的一種方式。要從感性角度去理解其背後的含義，不妨從“使用者點擊按鈕”這個交互動作著手。 仔細想一想，使用者操作引發介面出現錯誤情況的頻率高不高？點擊某個按…

詳情

  提及到網頁設計中的對話模式，保守派的交互都少不了“菊花”。基本目的是告知使用者網頁正在忙著處理著他們的請求，具體的流程大抵是： 使用者點擊按鈕； 按鈕觸發變為禁用狀態，按鈕上顯示出進度狀態如菊花，以此表示網頁正在運…

詳情

  一般來說，常見的網頁對話模式大抵流程是： 使用者點擊頁面的某個按鈕； 按觸發之後進入禁用的狀態； 將用戶的觸發請求發送到伺服器； 伺服器返回資訊到頁面； 頁面刷新，反映給使用者返回的狀態。 這樣的對話…

詳情

一般來說需要適用到動效的頁面時需要時機的，出現得不妥當的話會直接影響用戶體驗，尤其是交互體驗。因此，首先要即時性。動效式人機交互回饋過程中重要的表現方式，因此必須保證其是快速的，同時還需要明確地表達當前的狀態。 其次，還要考慮到動效的反應…

詳情

如何用好動效元素？   在頁面當中的動效要設計得自然，一般需要通過形變、運動時間及緩動曲線來實現。形變表現的是動效元素自身的質地，運動時間及緩動曲線則是表現動效元素周圍的環境。 因此，要如何設置緩動曲線以及時間，讓動效設計得…

詳情