【敬·課】是我的個人課堂練習專欄，在這裡我會將自己關於軟體和技能的思考過程呈現出來，這既是一種學習記錄，也是一次小分享。
之前就有同學希望我能分享一下我們這邊的互動稿，當時我有說過，由於互動稿件都是不適合外發的，而且樣式很自由，不用特地做什麼規定，所以只是說了一下主要的幾個模組，希望大家自由發揮就好。
最近剛剛換了團隊，剛好這邊的互動稿樣式和我們原先的有所不同，所以我又重新做了一個模板，既然做了，那就乾脆分享出來吧，也算是對大家一直支援小齋的一點回饋。
但我還是那句話，框架是死的，人是活的，不一定要拘泥於某種形式，你可以根據自己的需要自由修改。
今天先分享第一種版本——
PPT型的分頁互動稿
。
這個樣式最早是從騰訊CDC團隊流傳下來的，我在第二家公司的時候就從他們的部落格中看到過，當時還用InDesign做過一個模板。而我現在所在的團隊用的也是這個，因此我這兩天就重新用Sketch做了一版，方便以後使用。
PPT型的分頁互動稿
1。封面
封面很簡單，就是文件標題和作者，頂部有一個通用的文件標題欄，上面的內容包括：
專案名稱：
阿爾法專案（示意）
頁面標題：
iOS主介面框架（示意，根據每頁的內容進行變化）
版本號：
1。0（每修改一次都要+0。1，當然你也可以直接變成2。0、3。0）
修改日期：
2018-07-24
頁碼：
分為當前頁碼和總頁數
我在Sketch中為這個模板中需要改動的內容都定義了Symbol，比如這個標題欄，你只要選中之後，就可以在右邊的屬性面板中自定義裡面的內容。
2。修訂記錄
修訂記錄這頁，記錄了從文件建立開始，每次更新的主要內容，以及相關人員，方便後期交接的時候給對應的產品經理、遊戲策劃和設計師檢視。有時候互動稿更新一次只是修改一小處地方，如果不備註一下對方就會很難找，你自己可能以後都會遺忘。
這一塊我也定義了Symbol元件，你可以直接複製一行，然後修改裡面的內容，“更新內容”的文字支援多行輸入。
3。目錄
這種分頁型的文件一定要有目錄，備註好每個模組對應的頁碼，否則十幾頁看下來都暈了，每次想找到對應的介面還得重新翻一遍。
4。內容頁面
具體的內容頁面才是互動稿的核心，一般會用小氣泡和箭頭進行標註，然後在右側用對應的數字和它們對應，寫下詳細的互動說明。
結構可以有很多種，比如上面這種豎屏的介面可以是左右結構，如果是橫屏介面還可以是上下結構，等等，根據情況自由調整吧。文欄位落的樣式我已經定義好了，直接修改套用就好。
其中最重要的氣泡我當然也做了元件，選中之後直接在右邊修改數字就好。
匯出方式
使用這套模板做好互動稿後，使用Sketch的
File -> Export Artboards to PDF
即可將互動稿匯出成PDF文件。我很喜歡這個格式，比起PPT來，PDF在任何平臺都可以很通用，包括手機、Mac不用特地裝什麼軟體都能很好地開啟。
原始檔
Sketch原始檔和匯出的PDF文件示意我已經上傳到堅果雲和百度雲網盤上了：
堅果雲：
https：//www。
jianguoyun。com/p/DZr1jq
AQ76P2BRib0GU
（密碼： wingst）
百度網盤：
https：//
pan。baidu。com/s/1y7oZ8q
_K6Gs4cVap3SL0uw
（密碼： m33q）
PS：大家可以留意一下原始檔和PDF，裡面我留了一個小彩蛋：
為什麼我要把畫的每個介面附在文件最後呢？
題圖的圖片授權基於：
CC0協議
歡迎大家關注我的微信公眾號：落羽敬齋（wingstudy）
可能有讀者會關心說我的互動技能樹文章怎麼不更新呢？其實已經在微信公眾號上更新完啦，只是一直沒時間搬運過來，感興趣的同學可以移步檢視。
