Principle官方文檔和國(guó)內(nèi)現(xiàn)有翻譯過(guò)來(lái)的內(nèi)容有限,分享幾條我在用Principle過(guò)程中總結(jié)的小技巧吧,也歡迎大家補(bǔ)充。
政策原因資源已無(wú)法在簡(jiǎn)書提供下載,請(qǐng)移步公眾號(hào)PrincipleChina,謝謝大家的支持!
1、大家都知道,如果直接將矩形圖層的Opacity透明度設(shè)置為“0”,圖層是不可以添加觸發(fā)事件(閃電??)的,正確利用矩形仿“熱點(diǎn)”選區(qū)的方法是將圖中Fill滑塊移動(dòng)到最左側(cè),看起來(lái)是透明的卻可以添加觸發(fā)事件;

2、剛上手時(shí),對(duì)Driver(聯(lián)動(dòng))和Animate(補(bǔ)間動(dòng)畫)往往容易混淆,我用自己的理解說(shuō)說(shuō)區(qū)別,不準(zhǔn)確的地方,求指正;
Driver 空間位置變化時(shí),同一個(gè)Artboard頁(yè)面,前提是發(fā)生了Drag/Scroll/Page
Animate 時(shí)間早晚/長(zhǎng)短變化時(shí),不同Artboard頁(yè)面切換,前提是不同Artboard種的Layer圖層名字要相同(有很多人遇到切換頁(yè)面時(shí),系統(tǒng)自動(dòng)添加動(dòng)畫造成頁(yè)面里面亂糟糟的情況,就是因?yàn)槊謫?wèn)題);
3、如果你想在同一屏,即垂直又水平滾動(dòng)頁(yè)面元素,就需要用到“Create Component”,相當(dāng)于創(chuàng)建了父子頁(yè)面,在父頁(yè)面設(shè)置垂直,子頁(yè)面設(shè)置水平;


4、Sketch導(dǎo)入Principle要求兩個(gè)軟件都是打開狀態(tài),默認(rèn)導(dǎo)入Sketch打開置于最頂層的文件;
5、添加觸發(fā)事件時(shí),Tap指向自己所在的Artboard,將快速?gòu)?fù)制一個(gè)自己所在的Artboard;
6、按住CMD,同時(shí)鼠標(biāo)點(diǎn)擊矩形或者文本的邊框上,可以實(shí)現(xiàn)旋轉(zhuǎn);
7、在左側(cè)檢查器面板中,用鼠標(biāo)在數(shù)值輸入框下面左右滑動(dòng),可以直接調(diào)整數(shù)值,鼠標(biāo)實(shí)際上會(huì)變成水平箭頭,因?yàn)間if是截屏錄制的,造成鼠標(biāo)樣式不同;

8、在底部Animate面板中,關(guān)鍵幀(Keyframes)是可以用鼠標(biāo)實(shí)現(xiàn)多選的;

9、在底部Animate面板中,點(diǎn)擊雪花,可以Frozen凍結(jié)某個(gè)動(dòng)畫屬性發(fā)生變化;

10、最后說(shuō)說(shuō)“Clip Sublayers”,如圖,倒敘展現(xiàn)勾選與否的對(duì)比效果,正序的話,是通過(guò)“Group”三個(gè)圖層形成了選區(qū),選區(qū)的屬性是可以在檢查器面板調(diào)整的,圖中是將選區(qū)設(shè)置成圓形,這樣勾選“Clip Sublayers”后,實(shí)現(xiàn)了圓形遮罩效果。

還有什么小技巧,邊發(fā)現(xiàn)邊更新吧。