我們現(xiàn)在越來越注重細節(jié)重抖，小到加載動畫楚午，大到界面配色宴偿。這些都會成為用戶吐槽的地方湘捎，一個不小心，你設計的東西讓用戶反感了窄刘，他們說不定就要和你的產(chǎn)品說拜拜了窥妇。所以今天我們要重點說說那些你以前覺得“不那么重要”的加載設計。
等待和加載動效幾乎是無處不在了娩践。設計師和設計機構都很清楚活翩，加載動效幾乎是目前網(wǎng)站和APP設計中無法繞過且必須的組成部分，它們不僅是大勢所趨而且是打造優(yōu)秀用戶體驗的必須組件翻伺。
雖然目前很多產(chǎn)品將加載/等待動效作為強化用戶第一印象的組件材泄，但是它的實際使用范疇遠不止于這一部分，在許多設計項目中吨岭，加載動效幾乎做到了無處不在拉宗。內(nèi)頁切換的時候可以用，組件加載的時候可以用，甚至幻燈片切換的時候也同樣可以用上旦事。不僅如此魁巩，它還可以用承載數(shù)據(jù)加載的過程，呈現(xiàn)狀態(tài)改變的過程姐浮，填補崩潰或者出錯的頁面谷遂，它們承前啟后，將錯誤和等待轉(zhuǎn)化為令用戶愉悅的細節(jié)卖鲤。
等待和加載動效中埋凯，最常見的表現(xiàn)形式是進度條，但是許多設計師采用了更加有趣的表現(xiàn)手法扫尖，接下來我們一起來看看這些案例白对。
加載動效并不一定非要用進度條，設計師在這個頁面中將LOADING這個詞的每個字母拆開换怖，不斷復制來呈現(xiàn)加載過程甩恼，靜態(tài)的文字和動態(tài)的效果交錯，讓人在新鮮有趣的動畫中度過略顯漫長的加載過程沉颂。
充滿科技感的頁面設計為整個網(wǎng)站定下了基調(diào)条摸，這種面向未來的設計手法在這個頁面中體現(xiàn)到極致，加載動效采用了各種數(shù)據(jù)加載的樣式铸屉，將等待過程變成了一個巨大的“WOW”钉蒲。
這個Ferias海灘公園的頁面借由有趣的配色和動效傳達出歡快的情緒，加載動效中童趣盎然的設計也令人難忘彻坛。
年度神作《Mad Max 4》本就是以突出的視覺設計而令人記住顷啼，所以它的官網(wǎng)在設計美學上也保持了一致性。加載動效中那個粗糙但古樸的LOGO也與整個電影風格相呼應昌屉，營造出躁動而個性十足的氛圍钙蒙。
網(wǎng)站的加載動效還是保持了進度條的基本設計，但是展現(xiàn)方式上借用了汽車的形象间驮，加載速度不同的時候輪胎滾動的速率也不同躬厌，有趣、擬真也和網(wǎng)站主題貼合竞帽。
在加載過程中扛施，設計師用最經(jīng)典的游戲乒乓球來幫你填補等待的時間，雖然你無法參與到游戲當中屹篓，但是這種情懷滿滿的加載動效給人印象非常深刻疙渣。
為了填補等待的時間，設計師將朗朗上口的文字做成動效抱虐，在加載的時候用它們來與你進行互動昌阿。雖然許多文字是一閃而過，但是你可以在閱讀中度過這段時間。
Tham Nguyen 是一位著名的法國女設計師懦冰，她的個人網(wǎng)站中糅合了自然的情懷和女性的細膩灶轰，加載動畫采用了走路的小女孩兒，俏皮而有趣刷钢。
和前面許多案例一樣笋颤，設計師采用了扁平風的動態(tài)插畫來填補等待時間，強化整體風格内地。
其實這個加載動效看起來并不夠細膩伴澄，但是它充分運用了幾何圖形，四個簡單有趣的方格輪流變幻阱缓，值得學習非凌。
設計師在這個網(wǎng)頁中，使用的是吐著氣泡的魚來作為過度荆针，古樸的文字強化了網(wǎng)站的品牌形象敞嗡，簡單的色調(diào)和魚的形象也充滿了日系網(wǎng)站的獨特氣質(zhì)。
和之前的網(wǎng)站一樣航背，加載動效采用了單色的燈塔形象喉悴，簡單有趣但是也優(yōu)雅地呈現(xiàn)了品牌形象。
Interatction with Artificial Physics
這是一個精心設計的網(wǎng)站玖媚，強調(diào)人造和物理的屬性箕肃，這種兼顧自然和人工設計的特征也體現(xiàn)在加載動效上，四個相互運動的氣泡時大時小今魔，看起來自然而混亂勺像，但是仔細看你又仿佛能找到某種規(guī)律，這個有趣的過程中你會忘記時間的流動涡贱，直到網(wǎng)站加載完成咏删。
水波紋擴散一般的加載動效惹想，在黑白色調(diào)之下问词，兼顧了自然的特征和科技的感覺，微妙的互補效應和震動的效果令整個動效簡單而賞心悅目嘀粱。
大膽的排版和明顯的對比讓整個頁面給人沉穩(wěn)而舒服的感覺激挪，用數(shù)字來呈現(xiàn)加載過程，字體隨著加載不透明度會逐步提升锋叨，讓人感受到過程的變化垄分，簡單但是非常值得學習。
這個頁面的加載動效堪稱是夢幻級的娃磺，它不僅充滿藝術感薄湿，而且設計得整齊劃一，加上戲劇感十足的背景，兼顧美觀和技術的動效變化簡直是教科書一般的設計豺瘤。
打開頁面之后吆倦，鼠標光標變成了復古的沙漏造型，更讓人驚喜的是加載動畫是一個不停吞吐著彩虹色帶的MTV Logo坐求，復古而有趣蚕泽。
Y7K的加載動效其實蠻討巧的，巨大的LOGO上疊加一個色彩豐富的視頻桥嗤，漂亮而簡單须妻。
這個網(wǎng)站的動效設計手法并不鮮見，但是設計是不僅僅是添加了進度條那么簡單泛领，他還用漸變的動態(tài)文字告訴用戶正在加載網(wǎng)站的哪個部分荒吏。時間很長，但并不無趣渊鞋。
結(jié)語
動效設計是小伎倆司倚，但是它在用戶體驗設計中的作用是不可估量的，它讓折磨人的等待變成了愉悅的消遣篓像。動效設計是大勢所趨动知，加載/等待動效也是其中的重要組成部分，如果你熱衷于動效設計员辩，不妨關注一下這個領域盒粮。
