作者：Rob Hooks
你可能不是文藝復興時期的大師，但通過採用某些簡單的設計技巧，可以讓你的設計移動來喚起觀眾的身心體驗 - 即使只是暗示了這種動作。設計中有三個關鍵的運動類別：
1、動力學設計改變了它們在空間和時間上的位置
2、節奏 - 它們的線條，形式和顏色在整個構圖中引導眼睛
3、虛幻運動（或運動錯覺） - 元素相互作用以暗示運動
在本文中，我們將主要關注如何在設計中創建虛幻運動。
你的品牌實際上可能與身體，心理或精神運動有關，或者可能只是想從競爭對手的設計中脫穎而出。在任何一種情況下，採用虛幻運動的設計都可以為讓你的品牌設計更加具有優勢。
利用運動的幻覺，可以通過一種稱為動覺移情的現象來觸及你的用戶：一種認知行為，觀察者有意或無意地複製或感知他們僅僅看到的動作。感覺可能是如此強大，以至於觀眾被身體向前拉，向後輕推，甚至像一個迷你過山車一樣從一邊搖擺到另一邊！這會立即讓你與潛在用戶建立視覺關係。
請記住，簡單是關鍵。在給定的構圖上使用多種隱含的運動技術可能會使眼睛混淆甚至使觀看者感到疲勞。另外，請注意在字體上使用“模糊輪廓”方法。有效性和矯枉過正之間存在著微妙的界限，這使得字體難以閱讀。
顏色和陰影組合也應小心處理，較暖的顏色和陰影往往會讓畫面靠前拉，而較冷的顏色和陰影可以退回到背景中。請注意這種現像如何影響設計中移動方向的感知。一般來說，這種顏色問題更多地適用於構圖的節奏而不是虛幻運動，但它可能是這些交叉問題之一，因此請確保對比度不會影響您設計的所需感知運動。
在這裡，我們將詳細介紹9種可用於產生運動錯覺的技巧。
運動線
使用簡單的運動線技術，一個看似惰性的物體可以迅速充滿運動感。這種技術最簡單，最直觀。一到九十二歲的孩子經常在繪製簡筆劃時自動應用它。頭部為圓形，身體為三條線，後面有幾條水平線和BOOM！簡筆劃在行動中。有時最簡單的解決方案確實是最好的。
中度干擾
在水中移動會產生波浪運動或尾流，燃燒物體或穿過其他物質的物體也是如此，展示物體如何干擾其環境是另一種表明運動的簡單方法。
這種技術實際上是一個更加豐富的運動線版本，它們都表明物體在空間中移動的效果，但運動線更多的是暗示，中等乾擾增加了更多的細節。
預期的運動
該技術在固定的二維表面上使用運動的圖形，它的成功依賴於觀察者之前對類似場景的曝光- 比如跳躍的猴子。我們都看過一部關於猴子向前跳躍的慢動作視頻（如果你還沒有，那就是YouTube吧。它非常吸引人）。如果我們看到一隻猴子向前傾，就好像要跳到一個分支，我們將自動被觸發轉向那個現在存儲在我們腦海中的視頻。當我們看到任何存在預期運動的設計時，這種反應就會發生。我們可以感受到下一個運動的樣子。
多個圖像
-
開始，更改，停止，這是一個行動循環。多個圖像是一種結構技術，通過以不同的姿勢呈現主體來描繪動作的循環，這些姿勢將敘述傳達給觀察者。
透明度
在該技術中，不同透明度的形式彼此疊加以復制運動。如果蜂鳥在Astoryo標誌中的翅膀是不透明的，它看起來就像一個帶有四組翅膀的突變體。但是，因為翅膀是透明的，我們知道這隻鳥有一套翅膀。
模糊的輪廓
快速移動的物體看起來有點模糊，這種現象使我們將模糊邊緣與運動聯繫起來。保持相機靜止，拍攝快速移動的物體，當物體經過鏡頭時，將獲得此效果，而無需使用圖形設計。在這些例子中，模糊的輪廓技術給人一種敏捷感，同時也帶來了幽靈般的效果。
力線
這些通常是看不見的線條，它們以引人注目的視覺強調指導運動方向。在海洋繪畫中，注意如何在至少三個地方從右到左繪製對角線：在海岸線上，白色泡沫水變成波浪，在波浪的頂部，這些線條在向左移向消失點時會聚，在那裡它們撞成水平，垂直和對角線的交響樂，產生湍流運動的感覺。
光學運動
這一個跨越到節奏類別，但它也創造了一個運動的幻覺，所以它在我們的名單上。彎曲的形狀傾向於將眼睛引導到圍繞構圖的圓圈中，這被稱為光學移動並且使觀看者能夠動態地感知整個部分。
光學錯覺
我們為最後的幻覺保存了最具戲劇性的一個，凝視它足夠長的時間，它開始移動，這裡的工作原理稱為明顯運動，之所以發生這種情況，是因為有太多的幾何重複和其他數據同時影響我們視網膜的不同部分，這個母親的細節瞬間被轉發到我們的視覺皮層，對於心靈來說是一個徹頭徹尾的搔癢，被愚弄相信有運動。
移動它
-
虛幻的動作是你與用戶進行身心對話的方式，通過移動它們的設計到達並引起他們的注意，如果移動技術的設計情緒與你想要講述的故事相符，那麼將獲得額外的積分。你的客戶可能無意識地意識到這一點，但如果你的設計元素一致，他們會感受到你的設計工作的真實性。
現在你已經了解了一系列不同的方法來創造設計中的運動幻覺，選擇一種適合的用在你的設計中吧。
文章為用戶上傳，僅供非商業瀏覽。發布者：Lomu，轉轉請註明出處： https://www.daogebangong.com/zh-Hant/articles/detail/The%20Illusion%20of%20Motion%20in%20Graphic%20Design%20%20Design%20Basics.html
支付宝扫一扫 
评论列表（196条）
测试