Principle使用小技巧分享

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ā)事件;

QQ20170704-114950.png

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è)置水平;

QQ20170704-120918.png
QQ20170704-121015.png

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)樣式不同;

QQ20170704-124052.gif

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

QQ20170704-124956.gif

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

QQ20170704-125742.gif

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

QQ20170704-130844.gif

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 【說(shuō)明:本文是從Principle官網(wǎng)翻譯過(guò)來(lái)的,因個(gè)人能力和水平有限,部分術(shù)語(yǔ)可能不準(zhǔn)確,對(duì)軟件功能的理解也可能...
    shea閱讀 43,267評(píng)論 23 117
  • 本書講了什么 Sketch3基本操作介紹。 作者什么來(lái)頭 鄭成云,社會(huì)化媒體營(yíng)銷實(shí)踐者,專注網(wǎng)絡(luò)社交領(lǐng)域。從業(yè)6年...
    少穻閱讀 2,562評(píng)論 0 1
  • [我的100個(gè)成長(zhǎng)感悟]@kiki-063 2015年5月2日 我意識(shí)到一個(gè)問(wèn)題,就是如果我有任務(wù)在進(jìn)行中的話,如...
    吉吉kiki閱讀 2,666評(píng)論 0 3
  • 一曲新歌唱更催, 卻如濃酒動(dòng)芳菲, 潮紅柳面潤(rùn)還垂。 夜半秋涼初吐語(yǔ), 情思化作燕雙飛, 銘心刻骨永相隨。
    李緩之閱讀 729評(píng)論 24 59

友情鏈接更多精彩內(nèi)容