動(dòng)效設(shè)計(jì)Principle：選擇它作為動(dòng)效設(shè)計(jì)軟件的原因揭曉

交互設(shè)計(jì)師不僅承擔(dān)著讓需求落地的交互設(shè)計(jì)工作，還肩負(fù)著為用戶創(chuàng)造愉悅體驗(yàn)的重任，隨著軟硬件的發(fā)展，動(dòng)效設(shè)計(jì)對(duì)用戶體驗(yàn)的作用越來越明顯虽画。

Principle簡(jiǎn)單易上手，能和Sketch無縫鏈接荣病，只需要簡(jiǎn)單的拖拽就能搭建一個(gè)在手機(jī)上可交互的原型码撰，且在Principle中使用到的動(dòng)效參數(shù)，可以直接提供給前端工程師實(shí)現(xiàn)众雷。

1.Principle簡(jiǎn)介

Principle[?pr?ns?p?l]是前Apple工程師打造的一款交互原型和動(dòng)效設(shè)計(jì)軟件灸拍，它很好地結(jié)合了Sketch做祝、Keynote、Flash以及After Effect等動(dòng)效制作軟件的優(yōu)點(diǎn)鸡岗，能快速創(chuàng)建可視化的交互原型和賞心悅目的動(dòng)態(tài)效果混槐。使用Principle，能實(shí)現(xiàn)頁(yè)面的轉(zhuǎn)場(chǎng)轩性、頁(yè)面的聯(lián)動(dòng)声登、加載動(dòng)畫、元素變化等常見效果揣苏，當(dāng)然悯嗓，它也有局限性，如果涉及到數(shù)據(jù)交互卸察，例如Axure的中繼器效果脯厨，它就不是一個(gè)最佳的還原工具。

2.為什么選擇Principle坑质？

動(dòng)效制作的軟件五花八門合武，不僅有Adobe全家桶Adobe After Effects、Adobe XD涡扼、Adobe Flash稼跳，也有Mac黨專用Flinto、Origami吃沪、Principle汤善、Framer等等，這些軟件都各自擁有自己的獨(dú)特優(yōu)勢(shì)票彪，或動(dòng)效齊全红淡，或可視化編程。其中降铸，能和Sketch實(shí)現(xiàn)無縫連接的Principle锉屈，是Sketch原型設(shè)計(jì)師的首要選擇。

3.Principle的優(yōu)勢(shì)

（1）簡(jiǎn)單易上手

打開Principle垮耳，我們就會(huì)立即注意到，它和Sketch的界面十分的相似遂黍，它里面也有工具欄终佛、檢查器、Artboard和圖層列表雾家。神奇的是铃彰，它也可以直接從Sketch中直接復(fù)制和粘貼元素，只需要Cmd+C和Cmd+V即可芯咧。不僅如此牙捉，Principle的學(xué)習(xí)成本非常低竹揍，只需要簡(jiǎn)單的拖拽就能搭建一個(gè)在手機(jī)上可交互的原型，用時(shí)可能不到5分鐘邪铲。這意味著Principle的維護(hù)成本也比較低芬位，要知道，我們拒絕做高保真的原型的原型就是因?yàn)樘M(fèi)時(shí)費(fèi)力带到，有這個(gè)時(shí)間還不如多寫一篇交互說明昧碉，動(dòng)效原型設(shè)計(jì)的時(shí)間越短，越利于我們低成本去驗(yàn)證我們心中的想法揽惹。

（2）和Sketch無縫鏈接

在Principle工具欄中被饿，有一個(gè)叫Import的工具，上面還有一顆鉆石的圖標(biāo)搪搏，這是為Sketch量身定制的導(dǎo)入工具狭握，點(diǎn)擊它，就能從Sketch中導(dǎo)入想要的素材疯溺，前提是同時(shí)開啟Principle和Sketch论颅。另外，務(wù)必記住一點(diǎn)喝检，Sketch的多個(gè)圖層導(dǎo)入到Principle中時(shí)嗅辣，會(huì)自動(dòng)合并為一個(gè)圖層，所以挠说，導(dǎo)入之前要仔細(xì)看清楚有哪些圖層是不能合并的澡谭。

此外，Principle的快捷鍵和Sketch也是高度重合损俭，例如添加畫板A蛙奖、直角矩形R、文本工具T杆兵、編組Cmd+G...真正的無縫鏈接雁仲。

（3）能為開發(fā)提供動(dòng)效參數(shù)

還記得第6章中，我們描述過的動(dòng)效說明嗎琐脏？要實(shí)現(xiàn)一些先加速后減速的曲線效果攒砖，我們需要為開發(fā)工程師提供動(dòng)畫曲線是哪一種。以iOS為例日裙，如果使用的是系統(tǒng)默認(rèn)的Core Animation引擎吹艇，Principle中會(huì)提供EaseOut、EaseIn兩種函數(shù)曲線昂拂，并且可以調(diào)整4個(gè)對(duì)應(yīng)的參數(shù)值設(shè)置受神。說人話就是，開發(fā)需要的一些動(dòng)效參數(shù)格侯，Principle都可以提供鼻听。