Day06_Origami學習筆記


Create a Component

1.在元件layer按右鍵,選擇Create Component
2.Patch>Publish Port
3.左上角有一個折疊符號,按下去後就畫面上全部隱藏,再到元件上快點兩下就可再次打開全部
4.在每一個元件的項目中,點下左邊的加號,就會屬性項目,再給它一個Pulish Port
5.在元件layer上面按右鍵>選Component Info
6.在Component info中,可以把每一個項目註記,或是移動順序
7.在Component info中,Add input>Blank port可以新增項目
8.做完Component,把它選取然後在上面的Component>add to library,就可以收起來
9.再開新檔時,在layer新增輸入Post(Component的名稱),就可以把做好的元件,放到位置,還可以換色

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






Related Posts

我很菜,所以只會用原生 JS 跟 CSS 寫「口罩地圖 」Ep.02

我很菜,所以只會用原生 JS 跟 CSS 寫「口罩地圖 」Ep.02

Angular 9 + Firebase (1) : AngularFire 快速安裝

Angular 9 + Firebase (1) : AngularFire 快速安裝

Ceres 函式庫簡介

Ceres 函式庫簡介



Comments











Sponsored