上下文與之關聯 很明顯，所選取的圖片與網站建設或者產品頁面設計的主旨、核心內容、風格等不符合的話，用戶不只會疑惑，甚至會對網站產生不信任的情感。與網站設計專案關係密切的配圖，在基礎上保證了視覺的可預測性。 有明確…

詳情

  基於資料的使用者購買行為去預測進行設計 資料這個屬於近乎可以改變絕大多數的行業，尤其是電商網站設計項目，與使用者的購物模式、商品模式有著緊密的關係。因此資料的收集和分析非常適合在電商網站設計的前期工作當中，這樣能夠根於…

詳情

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

詳情

  旋轉木馬模式 將一組列表項目使用水準弧線或者水準排列的呈現方式，能夠允許使用者向左或者向右檢視內容，通常當前或者處於中間的專案會顯示得比較大。這種清單設計模式可以省下不少的介面設計空間，能夠讓使用者把注意力放在正中央的…

詳情

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

詳情

  重設計後的回饋負面 一般來說，完成介面的重設計之後，不少用戶會即時地給予設計師一些負面的資訊回饋。比如一些相關的電子郵件或者消息通知，其中不少是提出恢復回舊版的樣子。為何這樣？其一，卡片樣式的介面設計呈現的圖片太多，得…

詳情

  圖片 卡片形式的介面製作，圖片是其中的重度用戶！也就是說卡片非常擅長去展示圖片這一元素。合理地展示圖片能夠很好地突出介面的質感，因此要注重圖片自身的品質。 陰影、漸變 讓卡片不僅僅扁平化，也可以合理地利用現實中…

詳情

一卡一概念 每一張卡片最好是指承載一種概念。當然，承載的內容不能混搭或者過於複雜。使用卡片式進行介面設計時，最好能夠保持其中內容屬性的純粹性以及直觀性。這樣才能讓用戶會輕鬆地進行選取，同時更容易理解和記憶。 整張卡片可被點擊 也就…

詳情

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

詳情

第一，用動效給予回饋 合理地在頁面設計當中正確地將動效與微交互結合設計，它能夠極大的提升用戶體驗。何謂合理的使用？很明顯，並非所有的動效都能呈現出良好的效果，只有同時具備良好的功能性，還能夠令用戶感覺愉悅感的動效，才適合在微交互當中給用戶…

詳情