「イマドキのUIデザインには欠かせない! マイクロインタラクションを作るためのズルいCC活用テクニック」 #AdobeMAXJapan
- clockmaker
- 14302
- 34
- 5
- 1
接続型アニメーション、画面遷移に伴う状態変化をアニメーションすることが増えていくのではないか。ただし実装技術がまだ追い付いていない。 #AdobeMAXJapan
2018-11-20 17:11:50ステージグリーンにて、池田さんのトークを聴きながら待機中。あとでゆっくりビデオで拝見しようと思いつつ、やはりリアルで見られるのは嬉しいー。 #AdobeMAXJapan pic.twitter.com/jKqhBYDbV7
2018-11-20 17:11:57マイクロインタラクションの必要性と実装難易度のマトリクス良い。実現しようと思ったら、こういう整理が必要 #AdobeMAXJapan pic.twitter.com/xDy3EWnFcL
2018-11-20 17:12:14マイクロインタラクションのトレンド面白いなこれ、エンジニア大変そうだけど #AdobeMAXJapan
2018-11-20 17:12:16そうなんだよなー。正直、アニメーションモーションは作れるんだよ。でも実装どうお願いしたらいいかわからんのよ #AdobeMAXJapan
2018-11-20 17:12:34「接続型インタラクション」 画面遷移時にアニメーションを入れるタイプのMicro Interaction。たしかに多いよな。 今後取り入れていきたいトレンドになりそう。 #AdobeMAXJapan
2018-11-20 17:13:02接続型アニメーションと仮想DOMの差分変更って相性良さそうだけどね、まだそういうの無いのかな #AdobeMaxJapan
2018-11-20 17:13:42すごくよかった…!! #AdobeMAXJapan pic.twitter.com/Yf7aAhdjjg
2018-11-20 17:15:01池田さんの「インタラクション」セッションはめっちゃ勉強になりました!! #AdobeMAXJapan pic.twitter.com/QAuNIFXP0T
2018-11-20 17:17:02池田さんのマイクロインタラクションのセッションとてもわかりやすくて良かった。。しかしウェブデザイナーってほんとやること増えすぎ。アニメーションまで一つ一つ作ってたら大変🤯#AdobeMAXJapan pic.twitter.com/TrFb49pjBm
2018-11-20 17:18:02XDの自動アニメーションはスクリプトにならないのか。 デザイナーが「コレでお願い」って複雑なアニメーションで渡されたら恐怖。 #AdobeMAXJapan
2018-11-20 17:22:17マイクロインタラクション、いいにゃああああฅ(=●ᴥ●=)ฅ (今までアプリに入れたくてもできなかった猫です) #AdobeMAXJapan
2018-11-20 17:22:59マイクロインタラクションの役割 #AdobeMAXJapan pic.twitter.com/OsL3fXTaAN
2018-11-20 17:32:44池田さんのセッション聞けた楽しかった‼️ いつもTwitterで見ている尊敬している方なので、芸能人に会えた気持ちでした✨🙏 写真&握手していただいた🙏😭 UI。マイクロインタラクション。納期に追われがちだけど、ちゃんと意識できるようにしよう!#AdobeMaxJapan @clockmaker pic.twitter.com/AOxW3EWKnJ
2018-11-20 17:42:29池田さん @clockmaker の 「イマドキのUIデザインには欠かせない! マイクロインタラクションを作るためのズルいCC活用テクニック」 一つ一つの事柄に対して歴史の振り返りとともに丁寧に深堀りしていて、最高の50分でした! #AdobeMAXJapan pic.twitter.com/WXEvSb1ASw
2018-11-20 17:43:02MAXは聞くの終わったので、離脱からのカフェで🥞中 マイクロインタラクションのセッションが面白かったな〜!アニメーション元々好きなので(映像制作のバイトしてたくらい…)webでアニメの制作フローが具体的に知れて良かった。
2018-11-20 17:47:23「マイクロインタラクションを作るためのズルいCC活用テクニック」にて この祭典を 心からの楽しんでいる人を発見! #素敵です #おもしろい #私も楽しんでますか♪ #AdobeMAXJapan pic.twitter.com/jnPlPoXPvu
2018-11-20 17:50:27メニューをマイクロインタラクション化してみます。 レイヤーを複製して、2つ目を不透明にしておく。3枚目へは自動処理にする。 これで上から出てくるメニューになる #AdobeMAXJapan
2018-11-20 17:57:42