現在的動效實現方式有很多，AN AE 各種3維軟體都能實現，建議大家先不要貪多，集中選擇一個從基礎開始，一步步慢慢來，反覆練習！
重要的事情說三遍 反覆練習 反覆練習 反覆練習！成功之後再去逐步提高就好了！切記不要步子邁的太大！
那麼如何畫好app的線框圖呢？首先說說框圖定義：
線框圖是整個產品交互式設計過程中的必要步驟，它通常在項目生命周期的早期階段進行。簡單的理解為是產品的一個圖形框架，這就好比建築的藍圖，前期必須考慮好所有材料、部件以及各項功能模塊。後期的所有內容都是基於這個線框搭建起來的！
線框圖繪製工具：
現在常用的繪製工具有 Sketch AXURE XD Mockplus等，最牛的當然是紙和筆了，這個要看團隊的默契程度了，默契到了用簡單的紙和筆就能夠把布局、功能、交互全都傳遞清楚，這個是需要團隊長期磨合才能實現的。
線框圖的優點：
1. 線框圖比抽象的需求概念更容易理解
用簡單直白的線框和灰階色塊就能直觀的表現出該有的功能和內容以及界面布局，讓人一目了然，老闆、客戶都能很好的明白表現的目的
2. 線框圖可以用於收集反饋
項目前期繪製出線框圖，用戶、開發、客戶可以優先查看你的設計，並且提供及時的反饋意見以提升用戶體驗。
3線框圖有助於產品的加速開發
通過線框圖的繪製，可以直觀的看出後期存在的一些交互和功能性失衡的問題，從而進行修改，加速產品功能、用戶體驗的開發迭代！
4線框圖繪製速度快，成本低，低保真原型可以快速實現
線框圖的設計流程和方法：
1根據需求、產品前期調研製定實施方案
2利用XMIND思維導圖工具繪製結構流程圖
3梳理業務邏輯
4根據項目周期長短選擇性的繪製線框圖，給的原型時間長可以繪製的精細一些，時間短就用佔位符、灰階色塊簡單搭建
5 時間足夠再適當的添加頁面跳轉邏輯按鈕和文字說明
如何畫好app的線框圖
1 繪製的時候嚴格按照各APP的規範進行繪製，比如標籤欄高度 按鈕大小 字體大小 狀態欄大小 ICON大小等按照1：1的模式用相應的色塊或者佔位符進行代替。
2 在繪製過程中利用色彩的對比來凸顯層級關係，比如強調的部分用深色的灰色塊來表示，其它提示性的文字用淺色塊表示。
總結：
其實畫好線框圖不是把界面畫的多漂亮，而是你的線框圖有沒有把布局、功能、交互清晰的表達清楚，讓團隊成員搞明白是什麼意思即可！