我們人類很難娛樂,我們始終遵循最新和最好的,無論它是什么,一切都是為了好玩。網頁設計師注意到這一點并開始了一個相當趨勢。正如我所說,這種趨勢在過去幾年中有所增加,所以這并不是什么新鮮事,但這是你必須投資的,這就是為什么:
一、動畫為設計添加了圖層。
很長一段時間(當互聯網出現的時候),互聯網訪問者已經習慣了相同的舊的二維顯示器。當然,這些顯示器中的許多都有漂亮的設計和顏色引起了我們的注意,但實際上是如此。它沒有發(fā)現任何反應。一旦我們離開網頁,那就是全部,我們還會走得更遠。
您的設計動畫為您的
網站設計添加了層次,因為它不僅具有多么好的外觀,而且從靜態(tài)設計到設計,在移動時也應該看起來很好。屏幕顯示您的徽標如何旋轉,并一次又一次地發(fā)光,人們已經從通常無聊的加載屏幕,移動到查看加載新頁面時從左到右飛行的氣球。
二、動畫提供深度
想想你最近的一些網上沖浪冒險經歷?,F在考慮一下您訪問過的具有非活動按鈕的網頁,并將它們與實際具有反應按鈕的網頁進行比較。這些反應式按鈕可能處于
網頁設計動畫浪潮的最前沿,這絕非偶然。
這些按鈕滿足了印刷機的要求,很長一段時間,除了鼠標點擊之外,真的沒有辦法讓用戶滿意?,F在我們有響應按鈕。這種動畫通常不需要任何非標準技能甚至是令人發(fā)指的設計。當他的鼠標將光標移動到按鈕上時,他真正需要的是給用戶一種成就感。這使他們知道按鈕已經準備就緒,并且還為他們提供了熟悉的按鍵體驗。
三、動畫讓你的創(chuàng)意綻放
也許我在網頁上看到的最有創(chuàng)意和鼓舞人心的事情之一就是動畫。確實,并非所有人都有這種創(chuàng)造性的錯誤存在于我們內部,但這就是產生差異的原因。表達自己和品牌,因為無法制作靜態(tài)圖像,圖標或徽標。這使用戶有機會查看您的內容并思考:“嗯......這很棒。”
四、動畫有助于非線性運動
再次,想想其他任何
網站設計如何使用簡單的“點擊和下載”界面。現在考慮那些具有獨特頁面轉換或轉換的內容。這些網站目前從我們這個“好網站”中脫穎而出。為什么呢?
嗯,答案很簡單。我們將那些花時間思考開箱即用的網站與僅僅因為它們的“好”聯系起來。說實話,不僅需要為網頁設計制作動畫,還要確保網站繼續(xù)順利運行,這需要花費大量的精力。如果一個網站愿意花時間,精力和金錢來確保您的體驗是的,那么他們可能知道他們在做什么。話雖如此,有很多不良網頁設計動畫的例子,為了這篇文章,我們將把它們排除在外。我們專注于網頁設計動畫的好處,而不是那些認為大量GIF完成同樣事情的方面(提示:他們沒有)。
五、什么時候應該使用動畫
我們已經在網頁設計中獲得了動畫的一些好處,現在讓我們談談你可以使用它們的幾種方法。信不信由你,有一些簡單的網頁設計動畫應用可以讓你與眾不同:
1、Microinteractions
還記得我們談到被動和非反應按鈕嗎?這是相同的概念,但有各種各樣的行動。按鈕是網站上最常見的操作,但您永遠不知道何時能夠在微交互中擺動。
2、隱藏的菜單
這個老實說是我的最愛之一,它對節(jié)省空間非常有效。我們都知道下拉菜單,但動畫師和網頁設計師真的很有創(chuàng)意。
3、懸停動畫
懸停動畫是一種非常簡單的方式,可以為圖像或圖標提供附加信息,而無需將用戶帶離頁面。
4、正在加載動畫
加載動畫在保持用戶注意力方面非常有效。我的意思是,有多少次您關閉了網頁,因為加載時間過長?
5、主頁面動畫
好吧,誠然,這個可能有點棘手,但是,它有用嗎?正如他們所說,第一印象是最重要的。有什么更好的方式來給人留下好印象,而不是在他們訪問你的網頁時用一個很酷的動畫來打斷別人的瀏覽?
6、背景動畫
讓我們說你不想過多地分散某個人的注意力,或者你可能是個細節(jié)的堅持者。無論情況如何,簡單流暢的背景動畫都可以真正幫助設置網站其他部分的氛圍。
結論