Day01_Origami學習筆記


Getting Started

1.元件可以複製貼上,就可以在畫版了;Sketch直接都在相圖位置,XD需要自己調整大小和位置
2,圖片(後面的有個Touch按鍵)點下去就會出現第一個互動元件,就是這個圖片,按下去互動的狀態
3.在螢幕上快點兩下或是Alt+enter,就可以叫出新的Patche
4.搜尋Transition,這是可以讓圖片轉換成其他大小,設定好開始數字,和結束數字
5.再把output的線拉到scale
6.搜尋Pop Animation,可以做動態效果
7.Pop Animation中的Bounchness,會讓圖片有彈跳效果
8.Switch可以讓按下去圖片後,固定住
9.Patche 左邊input 右邊output,
10.+左邊的兩個數的輸入,右邊就會總和
11.-左邊的兩個數的輸入,右邊就會相減
12.兩個拉在一起就會先加起來然後再相減
13.在Transition按右鍵可以選擇其他參數項目

Previewing and Sharing

Preview your prototype on both simulated and physical devices.
1.預覽視窗右上的齒輪,可以選擇有沒有手來做demo或是全螢幕
2.cmd+shift+f切換全螢幕或是小視窗
3.做好的檔案airdrop到手機上面就可以看到了
4.在手機上面要同時4指就可以叫出首頁還有下載過的內容

Coming from code

1.邏輯運算都會由左自右

Adding Logic

1.原件要做動作,就現在元件的圖層按下Touch
2.or 可以連接兩個不同的指令

#origami





Origami學習筆記
Origami是由Facebook開發的免費Phototype工具,用視覺化的方式,只要拉線連結物件,就可以做出互動效果,也間接了解程式語言的邏輯,讓設計人員與開發者,可以拉近一點距離。

留言討論