色相一致的配色 所謂的色相一致，其實指的是在頁面設計當中所使用的配色應該相同或者相近。這種方式能夠讓使用者感覺安心，視覺效果比較安全。但也可以合理地加入一些別的顏色，但為了整體上保證色相的統一，需要將它們的顏色降低明度…

詳情

  保持一致（從細節到整體） 探索隱藏資訊（簡約之中隱藏著“小心機”） 讓空間的連接變得有趣（微交互） 更加聰明（愉悅的用戶體驗來源） 更加有效（更加專注於核心） 使用網格（有效佈局） 考慮實用性和功…

詳情

  時間和節奏：頁面當中動畫的總時長與每幀動畫間的距離（比如是先快後慢，還是先慢後快） 緩入和緩出：頁面設計為交互使用動畫元素的時候，必須符合現實世界規律，物體不能憑空運動和停止，有特定的加速和減速過程 預期感：給動…

詳情

    介面設計使用動效目的之一，是它們自身有著符合其傳達的意義。比如使用者上下滑動螢幕，介面內容就會上下變換，而不是左右的變換。僅僅為了動效而使用動效是不可能的，因此要注意以下幾個注意事項： 1、概念轉換：不要獨…

詳情

説明在使用者明確頁面當中的程式正在做什麼，是否屬於正常； 説明使用者明確當前的頁面狀態； 為用戶的後續操作提供了充足的支援； 有明確的進程概念，和時間因素關聯比較緊密； 進度條不僅僅是為了緩解等待的焦慮感，還有就是呈現當前的…

詳情

  頁面設計使用狀態型的進度條，一般為靜態，表明當前所處的狀態。 其實對於“狀態型”的進度條使用，雖然經常被忽略，但不管是在實際生活中，還是頁面設計領域其實都十分的常見。一般來說，使用這種類型的進度條，需要符合以下兩個目標： …

詳情

  有趣的問法。對於頁面設計來說，進度條只不過是比較通俗，易於理解的叫法。它的使用是為了呈現使用者與頁面相關的操作內容，所以也不會局限於“條形”。它廣泛地運用在各種設計當中，不僅僅是頁面設計。 從進度一詞來看，進度條這一視覺元…

詳情

  一般需要以動態的形式呈現，表明頁面正在忙於某些功能。這類型的進度條非常的常見，用戶也相當的熟悉。常見的有loading的進度條、下載進度條等均屬於這種。 對於使用這類型的進度條來說，有以下兩個特點 説明使用者明確頁面…

詳情

  遊戲 讓網頁設計突出故事性並不難，講述故事很簡單，但是要呈現故事並不那麼容易。不如設置一個比較簡單易玩得小遊戲，不僅吸睛同時也吸引用戶去與之進行交互。要注意的是保持簡單的提示以及及時的激勵機制設置，否則很容易讓用戶感覺…

詳情

  首頁動效 游標特效的懸停效果非常不錯，能夠成為網頁整體設計中的大殺器。當你的游標懸停在特定的位置時，整個頁面的動效都會隨之被處罰，視覺上會相當的驚豔。這樣的動效設計，能夠提升用戶體驗而非讓用戶感覺壓力。 按鈕特效…

詳情