行業(yè)對(duì)于UI設(shè)計(jì)師的要求越來(lái)越高,UI設(shè)計(jì)師不僅需要靜態(tài)界面的設(shè)計(jì)笙纤,更要掌握一些動(dòng)效軟件,學(xué)會(huì)用動(dòng)效來(lái)包裝自己的作品组力,展示自己省容。今天給大家整理了一些,動(dòng)效軟件principle的基礎(chǔ)知識(shí)燎字。
背景:
Principle是一款輕量的腥椒、具有強(qiáng)大功能的動(dòng)效設(shè)計(jì)軟件;2015年由Apple工程師Daniel Hopper開(kāi)發(fā)候衍,基于iOS底層核心框架的Core Animation動(dòng)畫(huà)效果笼蛛,默認(rèn)動(dòng)畫(huà)持續(xù)時(shí)間是0.3s。
優(yōu)勢(shì):
1蛉鹿、界面和sketch如出一轍滨砍,支持sketch文件導(dǎo)入,無(wú)縫銜接妖异;是sketch的最佳拍檔惋戏。
2、有對(duì)應(yīng)的iOS鏡像app他膳,principle mirror可以直接預(yù)覽動(dòng)畫(huà)效果响逢。
3、上手容易矩乐、學(xué)習(xí)曲線平緩龄句,學(xué)習(xí)社區(qū)資源較多回论。
1:sketch源文件直接導(dǎo)入到principle中的方法:
方法(1):在sketch中選中源文件復(fù)制散罕,在principle中粘貼即可;
方法(2):利用import直接在principle中導(dǎo)入sketch文件傀蓉;
2:principle動(dòng)效導(dǎo)出步驟:
(1):點(diǎn)擊攝像頭按鈕欧漱,錄制動(dòng)效過(guò)程,結(jié)束后再點(diǎn)擊攝像頭按鈕葬燎;
(2):錄制結(jié)束后彈出選擇導(dǎo)出格式的彈窗误甚,可以選擇gif導(dǎo)出缚甩;
常用的快捷鍵:
(1)按住空格鍵:鼠標(biāo)點(diǎn)擊可以隨意拖動(dòng)畫(huà)板;
(2)command+鼠標(biāo)滾輪滑動(dòng):放大縮小畫(huà)布窑邦;
(3)command+1:全局視圖擅威;
(4)command+2:局部縮放選中的對(duì)象;
(5)command+3:居中視圖冈钦;
(6)視圖窗口下:side by side郊丛,可以使預(yù)覽窗口和軟件界面區(qū)域并排顯示;
(7)視圖窗口下:picture by picture:將預(yù)覽窗口恢復(fù)排列到軟件界面中瞧筛;
(8)Angle:旋轉(zhuǎn)選中元素厉熟;或按住command鍵旋轉(zhuǎn);
(9)Storke:描邊较幌,只有內(nèi)描邊選項(xiàng)揍瑟;
(10)蒙版效果:將元素打組(?+g)之后,在左側(cè)面板可以激活:clip Sublayers功能乍炉,這樣就建立了蒙版绢片;拖拽組的大小,可以控制里邊元素顯示區(qū)域的大小恩急。
(11)想要元素A跟著元素B一起移動(dòng)杉畜,拖動(dòng)元素A到元素B中成為子元素,拖動(dòng)B衷恭,A就會(huì)跟著B(niǎo)一起移動(dòng)此叠;
(11)想要元素A跟著元素B一起移動(dòng),拖動(dòng)元素A到元素B中成為子元素随珠,拖動(dòng)B灭袁,A就會(huì)跟著B(niǎo)一起移動(dòng);