Principle可能是目前制作可交互Demo最易上手、綜合體驗(yàn)最棒的交互設(shè)計(jì)軟件了。

廢話不多說，進(jìn)入正題。

---

Part 1 基礎(chǔ)介紹

a.使用平臺(tái)    因?yàn)殚_發(fā)者基于mac開發(fā)，所以目前只支持mac端應(yīng)用。

b.操作基礎(chǔ)    面板、操作邏輯、快捷鍵等幾乎跟Sketch如出一轍，Sketch用戶福音。

c.使用步驟    構(gòu)思/紙面原型 - -Sketch制作DEMO/效果圖 - -導(dǎo)入【鉆石標(biāo)-Import】--制作交互/動(dòng)效

              · 最好在腦海中/紙面構(gòu)思好，沒有清晰的思路很可能迷失在各種參數(shù)上

              · P也提供了【矩形工具-R】及【文本工具-T】來制作簡單Demo，但是終究沒有我大Sketch來的方便痛快

              · 【鉆石標(biāo)-Import】要點(diǎn)：導(dǎo)入時(shí)保持Sk打開對(duì)應(yīng)文件的狀態(tài)，自動(dòng)識(shí)別。

              · 制作動(dòng)效及調(diào)參數(shù)

                      

Part2  軟件面板

a.操作區(qū)    主要的操作區(qū)域，跟PS/Sk類似，此處就不贅述了。

b.工具欄    Principle的工具欄，如下圖：

        · 【矩形工具-R】、【文字工具-T】、【增加畫板-A】 可做交互Demo

        · 【導(dǎo)入工具】可以選擇1x、2x、3x,無快捷鍵

        · 【建立組件】P2.0后更新了組件功能，類似SK的symbol及PS的智能對(duì)象

        · 【聯(lián)動(dòng)動(dòng)畫參數(shù)Dricers】、【補(bǔ)間動(dòng)畫參數(shù)Animate】 P的最主要的兩個(gè)工具

                   聯(lián)動(dòng)動(dòng)畫，主要是指同一頁面內(nèi)的不同交互元素 動(dòng)作關(guān)聯(lián)

                   栗子：拖動(dòng)紅色btn，正文的頁面高度和位置發(fā)生對(duì)應(yīng)的動(dòng)作關(guān)聯(lián)變化

                              

                     補(bǔ)間動(dòng)畫，主要是指不同頁面內(nèi)的同一交互元素 動(dòng)作間隙自動(dòng)補(bǔ)償

                    栗子： 矩形和圓形高度、位置、填充色動(dòng)作間隙的自動(dòng)補(bǔ)償變化

 Tip 1：兩個(gè)頁面中的同一交互元素，必須保持命名一致！必須保持命名一致！否則軟件無法識(shí)別為同一元素。

 Tip 2： 可以補(bǔ)間的內(nèi)容有（位置、寬度、高度、形狀、透明度、圓角、顏色等） 

                              

        ·  【打組】、【上移一層】【下移一層】【官方教程】【Mirror】不再贅述

c.檢查器    類似Sketch中的屬性檢查器

       從上到下依次為：對(duì)齊方式、位置、寬度高度、畫板類型、填充、描邊、陰影、交互方式選擇【靜止Static、拖動(dòng)Drag、滾動(dòng)Scroll、翻頁P(yáng)age】（水平和垂直方向）、子切片剪切（直譯....）

d.圖層面板  和SK相同，不贅述

e.實(shí)時(shí)預(yù)覽器  軟件自帶的實(shí)時(shí)預(yù)覽器，配合手機(jī)端Principle Mirror及MAC的自帶preview，極大的方便實(shí)時(shí)檢查動(dòng)效

            ·【返回初始狀態(tài)】

            ·【錄制】

                        錄制中的操作可以選擇模擬點(diǎn)擊、鼠標(biāo)點(diǎn)擊、隱匿點(diǎn)擊

                        錄制可輸出dribbble 800px稿、dribbble 400px標(biāo)清稿、100%不壓縮的gif及mov格式，32個(gè)贊！