清除系統(tǒng)狀態(tài)，使按鈕和控件精明，創(chuàng)建有意義的過渡，強調(diào)界面變化，添加快樂細節(jié)和hellip;…今天騰訊設計師@月焱瞳這個翻譯總結了6個制作精細動態(tài)的微交互技巧，建議閱讀。

著名魔術師達里爾·菲茨基（Dariel Fitzkee）曾經(jīng)說過，“魔術在細節(jié)和表現(xiàn)上都是如此?！苯换ナ皆O計也是如此。設計人員熱衷于整體結果，但如果細節(jié)處理不當，解決方案將會丟失。所有的魔力都隱藏在細節(jié)中。這就是為什么精心設計的微互動使體驗看起來很好。

清除系統(tǒng)狀態(tài)

Jakob Nielsen提出了關于界面設計狀態(tài)的靈感。 “系統(tǒng)應該在合理的時間通過正確的反饋告訴用戶將會發(fā)生什么。”這意味著用戶界面必須繼續(xù)提供反饋并使用戶保持最新狀態(tài)。韻律。應用程序不應該讓用戶繼續(xù)猜測，但應該告訴用戶發(fā)生了什么。微交互可幫助您通過正確的視覺反饋實現(xiàn)這一目標。

上傳和下載數(shù)據(jù)是應用動態(tài)微交互的絕佳機會。

類似的動畫，以及眾所周知的“下拉刷新”，這種動畫已經(jīng)導致移動設備上的內(nèi)容設計的創(chuàng)新。愉快的刷新動畫總能贏得用戶的微笑。

關鍵點：對于應用程序的程序狀態(tài)，動畫提供實時通知，以便用戶可以快速了解正在發(fā)生的事情。

使按鈕和控件可觸摸

用戶界面元素和操作元素應該是有形的，即使它們位于屏幕的底部。視覺和動態(tài)指導通過及時響應輸入和主觀操縱動畫來彌補這一差距。界面按鈕交互可以模仿自包含的真實對象。簡單來說，您可以為用戶的輸入行為提供視覺反饋，以提高界面感知的清晰度。

要點：視覺反饋有助于用戶接收信息的自然愿望。用戶在應用程序中，隨時都感到放心，這很棒。

創(chuàng)建有意義的過渡

您可以使用動畫讓用戶在導航和內(nèi)容之間平滑導航，解釋屏幕上排列的元素的變化，或者增強界面元素的級別。

圖標可以在不同的時間以不同的形狀發(fā)展，提供雙重功能。

動態(tài)設計是一種通知和取悅用戶的手段，有效地吸引用戶的注意力。它在移動設備和智能手表上尤其出色。畢竟，正方形之間沒有太多信息。

Apple的iOS用戶界面就是一個很好的例子。如下圖所示，當用戶選擇文件夾或應用程序時，視圖將放大到詳細信息視圖或直接轉到主應用程序界面。

另一個很好的例子：通過顏色變化或元素流來串聯(lián)兩個狀態(tài)之間的視覺關聯(lián)。這種動畫使切換變得輕松順暢。

要點：微交互建立頁面之間的可視連接，并闡明用戶界面。

過渡效果設計很好：《高手之路!設計漂亮有趣的轉場動效》

幫助用戶開始使用

微交互在信息加載過程中起著重要作用。出色的加載體驗和動畫，當用戶第一次沉浸在應用程序中時，會對用戶產(chǎn)生巨大影響。他們在喚起應用程序時突出了最重要的功能和控制，為他們提供指導和教育。

要點：微交互提供信息并幫助用戶有效地實現(xiàn)目標。

強調(diào)界面變化

微交互可以引導用戶的注意力。在許多情況下，動畫用于吸引用戶注意重要細節(jié)（例如查看“通知”）。但是，必須確保動畫服務于功能并且在用戶的角度來看是體面的。

要點：微交互可以為用戶提供良好的視覺指導。

增加愉悅的細節(jié)

微交互動畫最基本的應用是過渡。但是，App Animation通過突破標準動作的限制真正讓用戶滿意。下面的按鈕可以在滿足雙重功能的同時無縫切換狀態(tài)：通知用戶并讓他們感到放心。

要點：關注用戶情感，他們在界面互動中發(fā)揮巨大作用

在設計微交互時需要考慮

當您的視覺設計包含上述元素時，請關注以下內(nèi)容：

使您的微交互幾乎不可見且功能完全

確保動畫是出于服務功能的目的，不要讓用戶感到尷尬或不安。對于普通和次要操作，建議的響應是適度的。對于低頻率的主要操作，響應應該更加重要。

留在心里

微觀互動應該經(jīng)得起長期使用的考驗，一見鐘情就會變得越來越無聊。

遵循KISS原則

過度設計的微交互可能是致命的。微交互不應超載屏幕信息，導致長時間負載。相反，它應該通過快速傳遞有價值的信息來節(jié)省時間。

不要從頭開始

您始終了解目標受眾及其背景。使用此信息可以使您的微交互更加精確和有效。

與其他界面元素建立視覺協(xié)調(diào)

微交互的風格應該與應用程序的整體外觀相匹配，以創(chuàng)造和諧的產(chǎn)品感知。

總結

微交互表明，專注于細節(jié)可以帶來強大的結果。正如查爾斯·埃姆斯（Charles Eames）曾經(jīng)說過的那樣，“細節(jié)并未散布在細節(jié)中，它們被系列化為設計?！彼性O計元素都至關重要。細節(jié)使您的應用在競爭中脫穎而出。它們可能是實用的，不顯眼的，或令人印象深刻的，能夠提供幫助，甚至逗留。

堅持巧妙的設計，記住偉大的設計是一個完整的存在，從宏觀功能到微觀互動。

« 董明珠和雷軍的10億賭博到期董明珠：格力已基本贏了！ | 企業(yè)網(wǎng)站通過交通流量有哪些關鍵鏈接 »