Principle官方文檔和國內現有翻譯過來的內容有限,分享幾條我在用Principle過程中總結的小技巧吧,也歡迎大家補充。
政策原因資源已無法在簡書提供下載,請移步公眾號PrincipleChina,謝謝大家的支持!
1、大家都知道,如果直接將矩形圖層的Opacity透明度設置為“0”,圖層是不可以添加觸發事件(閃電??)的,正確利用矩形仿“熱點”選區的方法是將圖中Fill滑塊移動到最左側,看起來是透明的卻可以添加觸發事件;
2、剛上手時,對Driver(聯動)和Animate(補間動畫)往往容易混淆,我用自己的理解說說區別,不準確的地方,求指正;
Driver 空間位置變化時,同一個Artboard頁面,前提是發生了Drag/Scroll/Page
Animate 時間早晚/長短變化時,不同Artboard頁面切換,前提是不同Artboard種的Layer圖層名字要相同(有很多人遇到切換頁面時,系統自動添加動畫造成頁面里面亂糟糟的情況,就是因為名字問題);
3、如果你想在同一屏,即垂直又水平滾動頁面元素,就需要用到“Create Component”,相當于創建了父子頁面,在父頁面設置垂直,子頁面設置水平;
4、Sketch導入Principle要求兩個軟件都是打開狀態,默認導入Sketch打開置于最頂層的文件;
5、添加觸發事件時,Tap指向自己所在的Artboard,將快速復制一個自己所在的Artboard;
6、按住CMD,同時鼠標點擊矩形或者文本的邊框上,可以實現旋轉;
7、在左側檢查器面板中,用鼠標在數值輸入框下面左右滑動,可以直接調整數值,鼠標實際上會變成水平箭頭,因為gif是截屏錄制的,造成鼠標樣式不同;
8、在底部Animate面板中,關鍵幀(Keyframes)是可以用鼠標實現多選的;
9、在底部Animate面板中,點擊雪花,可以Frozen凍結某個動畫屬性發生變化;
10、最后說說“Clip Sublayers”,如圖,倒敘展現勾選與否的對比效果,正序的話,是通過“Group”三個圖層形成了選區,選區的屬性是可以在檢查器面板調整的,圖中是將選區設置成圓形,這樣勾選“Clip Sublayers”后,實現了圓形遮罩效果。
還有什么小技巧,邊發現邊更新吧。