Day02_Origami學習筆記


Scrolling Views

1.列表滾動,在元件上touch選scroll Y
2.如果有兩個元件以上要一起動的話,就用Group群組起來
3.可以先用一個灰色底,把要定位的元件確認完後,再把灰色底刪除

#Horizontal Scrolling
1.橫向滾動,在元件上touch選scroll X
2.Scroll setting 可以設定滑動時的寬度和間隔

Screen Transitions

1.這一頁到下一頁或是返回的作法
2.要選用iOS screen (在new layer 裡面)
3.選用Screen,這個就不用switch, Pop animation, Transition的作法
4.下一層的(跳轉的下一頁)要把strated改為Dismissed,這樣還為轉到下一頁時會出現
5.選完dismissed後要按右上方的重整
icon就會看到那一頁先被隱藏了
6.open Boomerangs勾選Setup mod可以看到那一個按鍵被highlight出來
7.把要挑轉按鍵拉報iOS Screen的Present, 就可以變成按下按鍵走下一頁
8.回上一頁,一樣就把同iOS Screen新增一個Tap, 然後拉到Dismissed,就可以形成回到上一頁的效果
9.在iOS Screen中的Transition可以選擇是要右滑(push),向上滑出(Modal),直接下轉一頁(none)
10.可被點擊的按鍵,要建立Hit Area,才可以讓那一個元件變成可以點擊的按鍵
11.Tap中的X offset可以讓右滑的動作滑順一點

Timed Animations

1.When Prototype Starts
2.wait 設定時間,多設幾個Wait就可以形成等一下,下一則訊息就會自動跳出來
3.每一個wait連線到對應要被延遲的元件時間
4.滑鼠點住wait然後按Option,就可以複製一個相同wait出來
5.複製出來的wait的時間要疊加上去的,時間軸才會一直呈現

#origami





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

留言討論