很多人都會有同樣的感受，在訪問一個網站的時候，如果載入和等待的時間過久，就會變得沒有耐心。在網友們越來越注重細節的今天，小到加載動畫，大到界面配色。這些都會成為用戶吐槽的地方，一個不小心，你設計的東西讓用戶反感了，他們說不定就要和你的產品說拜拜了。所以今天我們要重點說說那些你以前覺得“不那么重要”的加載設計。

等待和加載動效幾乎是無處不在了。設計師和設計機構都很清楚，加載動效幾乎是目前網站和APP設計中無法繞過且必須的組成部分，它們不僅是大勢所趨而且是打造優秀用戶體驗的必須組件。雖然目前很多產品將加載/等待動效作為強化用戶第一印象的組件，但是它的實際使用范疇遠不止于這一部分，在許多設計項目中，加載動效幾乎做到了無處不在。內頁切換的時候可以用，組件加載的時候可以用，甚至幻燈片切換的時候也同樣可以用上。不僅如此，它還可以用承載數據加載的過程，呈現狀態改變的過程，填補崩潰或者出錯的頁面，它們承前啟后，將錯誤和等待轉化為令用戶愉悅的細節。

等待和加載動效中，最常見的表現形式是進度條，但是許多設計師采用了更加有趣的表現手法，接下來我們一起來看看這些案例。


加載動效并不一定非要用進度條，設計師在這個頁面中將LOADING這個詞的每個字母拆開，不斷復制來呈現加載過程，靜態的文字和動態的效果交錯，讓人在新鮮有趣的動畫中度過略顯漫長的加載過程。


充滿科技感的頁面設計為整個網站定下了基調，這種面向未來的設計手法在這個頁面中體現到極致，加載動效采用了各種數據加載的樣式，將等待過程變成了一個巨大的“WOW”。


這個Ferias海灘公園的頁面借由有趣的配色和動效傳達出歡快的情緒，加載動效中童趣盎然的設計也令人難忘。


在加載過程中，設計師用最經典的游戲乒乓球來幫你填補等待的時間，雖然你無法參與到游戲當中，但是這種情懷滿滿的加載動效給人印象非常深刻。


網站的加載動效還是保持了進度條的基本設計，但是展現方式上借用了汽車的形象，加載速度不同的時候輪胎滾動的速率也不同，有趣、擬真也和網站主題貼合。


水波紋擴散一般的加載動效，在黑白色調之下，兼顧了自然的特征和科技的感覺，微妙的互補效應和震動的效果令整個動效簡單而賞心悅目。

寧波網站建設：http://www.xinyiwifi.com/News/754.html