小欄篇04篇
動態(tài)交互是一個非常好的展現(xiàn)形式，以我們熟悉的東西作為載體，如：PC、手機、平板等，動態(tài)的展現(xiàn)出來，此時演示文稿不僅僅只是靜態(tài)觀點、章節(jié)切換，而是以動態(tài)關聯(lián)的方式將內容連接起來。那么這篇文章可能會給你帶來點啟發(fā)，將其適當運用于幻燈片之中，加強觀點的表達傳遞。
1 幾種模型選取
可能其他朋友的文章中經常會使用實物照片作為這種呈現(xiàn)方式的載體，會提供各種模型實物圖。這個，可能是各有看法吧，我還是喜歡簡單幾何而成的。并且這種幾何拼接：進可做的精致似實物，退可快速成型并且可以任意陰影、填充、三維參數(shù)設置處理。
1.1 手機模型
選取了幾款手機做簡單圖形按照尺寸、比例的組合拼接?？梢酝ㄟ^布爾運算進行聯(lián)合、剪除操作，使得出來的手機幾何圖形是單一的圖層，這樣可以更好的進行圖片、視頻等文件的嵌套其中。
屏幕區(qū)域的長寬比例均是16:9，通過手機拍攝圖像、視頻可以直接放在屏幕空白處，不需要另行剪裁等處理。
1.2 PC模型
選取了兩個PC做簡單圖形按照尺寸、比例的組合拼接。同樣可以通過布爾運算進行聯(lián)合、剪除操作，使得出來的PC幾何圖形是單一的圖層。
1.3 平板模型
選取pad作為原型進行平板幾何圖形的拼接組合
1.4 kindle模型
選取kindle作為原型進行平板幾何圖形的拼接組合
這部分的內容主要是介紹了幾種模型，均是基礎形狀的組合處理。如果覺得比較好玩，以后會寫點這方面的技巧，看留言，支持不支持都不寫。。
2 動態(tài)交互
使用上述平板、手機、電腦這些模型管它是實物或者幾何圖形，如果只是停留在用它們來靜態(tài)嵌套圖像、視頻、文字，那么就太浪費這么好的表現(xiàn)形式了。
現(xiàn)在開始這篇文章的重要部分，來聊聊使用這些模型進行動態(tài)交互，希望有點幫助和啟發(fā)。
2.1 單一場景的切換
一個一個場景進行的情況很多，比如下方的App登錄頁介紹、移動應用一個重要功能點說明、亦或一張重要圖片的使用背景說明，這時候設置一個先圖片且配色簡短文字，之后需要的就是圖片單向偏移，再配上一大段文字補充說明。
2.2 長頁面的滑動切換
有的時候使用手機都會有界面上下滑動，然后選擇一個聯(lián)系對話框/文字列表點進去，之后進行聊天/閱讀。這時候需要一個路徑動畫，滑動到指定位置，然后進入下一菜單。
有朋友會說，為什么不干脆錄制一個GIF動畫放置到手機模型的屏幕上。因為GIF動畫的不可控性，不能夠停留指定位置，因而這種由一個頁面滑動到指定位置、并切換到下一場景的效果，GIF或者視頻都不好實現(xiàn)。
下面的示例就是整個界面滑動，滑動到最低處，然后點擊此處的文字標題，進入具體的文章內容界面。
2.3 并列項的滑動切換
其實這種稱作多場景的滑動切換，我們有時候需要對一個App的眾多功能點進行介紹，通過界面入手，然后加入各種界面中間的滑動、切換，給聽眾說明界面之間的關系和轉換邏輯，并且對重點功能進行說明。
2.3.1 示例一說明
這里是四個并列功能的說明，使用文字深淺作為區(qū)分當前項和其余項，并且使用三角符號作為輔助指示當前說明項。
對于一些簡單的頁面說明，有時候只需要在其右側進行顯示說明即可；對于文本內容比較多的部分，將模型載體向左移動，留下右側大片區(qū)域用于文本說明，或者將當前頁再次頁面切換展開細化功能點說明，使用這種方式也較好。
使用動畫說明：路徑動畫、淡出動畫、浮入動畫
下面的方式就是：從網絡監(jiān)控功能模塊，到運營報告功能模塊的切換
下面這頁面是從運營報告細化說明的頁面，這是在運營報告(上面一張圖)進行左移，然后進行頁面切換，具體操作同 2.2 長頁面的滑動切換類似
2.3.2 示例二說明
這里是兩個不容模型載體的場景說明，每個模型場景對應詳細的介紹，我們先將其并列顯示，然后動態(tài)切換到不同的場景進行說明。
使用動畫說明：路徑動畫、淡出動畫、浮入動畫
2.3.3 示例三說明
這里是同級的兩個功能的場景說明，每個功能下面都有詳細的功能介紹。我們要做的是將功能界面的來源、同級功能展示、分別展示說明，按照這個轉場切換順序一一呈現(xiàn)。
使用動畫說明：路徑動畫、淡出動畫、浮入動畫
3 元素載體說明
這部分就是通過模型載體進行圖像文件、視頻文件的嵌套展示，當然也可以是純文本展示，這是就不展開說明了，其他很人多的文章中講得也比較細。總之，使用這些模型，不論手機、pc，它們只是一種展現(xiàn)形式，重要的還是內容的傳達。
最后，這篇文字希望能給一些想要制作這種動態(tài)效果朋友的幫助
效果預覽效果 模型動態(tài)交互.mp4
上述示例文件下載：鏈接: https://pan.baidu.com/s/1i4RRMM5 密碼: rgwp
原文標題：載體動態(tài)交互，一些想法
鄂公網安備 42050602000108號