Dive into Origami Studio
?Download as PPTX, PDF?
1 like?1,026 views
2016/12/21 html5j Webプラットフォ`ム何 及15指茶氏Y創。
Dive into Origami Studio
- 1. Dive into Origami Studio @eegozilla 12.21.2016 at html5j Web Platform
- 2. Who are you ? @eegozilla 蝶ﾚ御氏芙狼のWEB崙恬氏芙 プロデュ`サ`とかディレクタ`とかいうなのパシリ、、、 html5j Webプラットフォ`ム何 スタッフ html5j ロボット何 何L html5j\咼好織奪 晩云アンドロイドの氏 \嗄T Leap Motion Developers JP 慌揖\嗾 Copyright @ html5j Web Platform organization. All right reserved.
- 3. Made in Origami 仟しいインタ`フェ`スをOするための プロトタイピングツ`ル。 Facebookのデザイナ`たちが恬撹し、聞喘している。 o創で旋喘することができる。 http://origami.design/ Copyright @ html5j Web Platform organization. All right reserved.
- 4. Design with Layers レイヤ`を聞うことでプロトタイプがカンタンにつくれる。 Sketchからレイヤ`と函り竃すことで、マスク、パ`ティクル、ライブカメラなどを咾すことができる。 Copyright @ html5j Web Platform organization. All right reserved.
- 5. Reuse Components プレビルドされた殆可やiOSのコンポ`ネントを聞うことで恬Irgが玉s。 チ`ムで聞うライブラリを恬り、匯wにより壼くデザイン恬Iができる。 Copyright @ html5j Web Platform organization. All right reserved.
- 6. Build Interactions すばやく碧し、パッチにより議にみせる。 クリエイティブティに泙蠅呂覆、フロ`恬撹、仟しいインタラクションをつくることができる。 Copyright @ html5j Web Platform organization. All right reserved.
- 7. Preview It Live ビュ`アを恬撹するとすぐに筝が燕幣に郡啌される。 プロトタイプをテストし、軸恙に{屁することが辛嬬。 Copyright @ html5j Web Platform organization. All right reserved.
- 8. Made in Origami gHにFacebook, Messenger , InstagramはOrigami StudioによってOされており ？なサンプルが塘下されている Copyright @ html5j Web Platform organization. All right reserved.
- 9. Made in Origami Facebook New Stories ニュ`スフィ`ドが匯協の鉦xだけスクロ`ルされたと きに燕幣されるようにする。 Copyright @ html5j Web Platform organization. All right reserved.
- 10. Made in Origami Facebook Popular Events シンプルな邦峠スクロ`ルカル`セルを恬撹。 Copyright @ html5j Web Platform organization. All right reserved.
- 11. Made in Origami Instagram Adjust ドラッグしてInstagram straighten toolを崙囮。 Copyright @ html5j Web Platform organization. All right reserved.
- 12. Made in Origami Messenger Photo View 患き竃しとライトボックスの俳り紋えgで亟寔を アニメ`ション晒。 Copyright @ html5j Web Platform organization. All right reserved.
- 13. Live on Device Origami Liveでプロトタイプをプレビュ` AndroidとiOSに プロトタイプとやりとりするデバイスを俊Aし、リア ルタイムで筝を_J。 プロトタイプでは、デバイスのカメラ、マイク、紗堀 業、およびハプティック尅咤を聞喘することが できる。 プロトタイプをエクスポ`トし、翌に隔ちだすことが 辛嬬。岷俊デバイスにプロトタイプを僕佚。 Copyright @ html5j Web Platform organization. All right reserved.
- 14. Perfect Companion to Sketch ? command C ? command V Sketchからコピ`し、Origami Studioにネイティブレイヤ`をNり原け、 返りなく尅る玲いやアニメ`ションのレイヤプロパティを殆壼く{屁したり弖紗することが辛嬬。 Copyright @ html5j Web Platform organization. All right reserved.
- 15. Present & Share Record Videos Origami Studioで岷俊プロトタイプのレコ` ディングをキャプチャしてエクスポ`ト。 Share Prototypes Origami StudioかOrigami Liveを聞ったデ バイスでデザインをほかの繁に慌嗤でき る プレゼンテ`ションでは、Origami Liveでプロトタイプを崙囮しながら、 さまざまなデバイスでフルスクリ`ンでデザインをせることが辛嬬。 Copyright @ html5j Web Platform organization. All right reserved.
- 16. Community https://www.facebook.com/groups/origami.community/ Copyright @ html5j Web Platform organization. All right reserved.
- 17. Summary ツ`ルxkの訳周としては仝w卞?咾鬟ぅ瓸`ジしやすくできる々仝慌嗤できる々。 寄きな僥コストを勣しないことUIのgさとドキュメントの割gも嶷勣 デザインツ`ルとのB亊ができると宴旋 UIプロトタイピングツ`ルはプロジェクトメンバ`gでのコンセンサスを函るためのツ`ル 戻工されているサンプルを乾ることでえていくことが辛嬬。とはいえいきなり聞いこなすのは音辛嬬。 麿のツ`ルが鮫中w卞にして、レイヤ`房深なので、そのxに`才湖あり。でもOrigami Liveは宴旋。 Sketchのコピ`Ε擧`ストは宴旋。 gなる鮫中w卞でなくカメラ、マイク、ハプティックまでプロトタイピングできる Copyright @ html5j Web Platform organization. All right reserved.
Editor's Notes
- Sketch★Origami Sampleを聞って咾硫凌爾砲垢 Live on Device 鮫中w卞って殖 ==== 児云喘Zを尖盾しよう Patches Layers Interactions States Animations