「イマドキのUIデザインには欠かせない! マイクロインタラクションを作るためのズルいCC活用テクニック」 #AdobeMAXJapan

セッション中のツイートをまとめました。 https://maxjapan.adobe.com/sessions/2299/
73
前へ 1 ・・ 5 6 ・・ 10 次へ
Na @nnndmemo

複雑な動きも一つ一つ分解するとシンプル #AdobeMaxJapan

2018-11-20 16:54:08
うぇい @weyhok

「些細な遅延はプログラムで隠す」 #AdobeMAXJapan

2018-11-20 16:54:09
でなり | ARクリエイター @denari01

マウスオーバー演出のtips マウスがコンテンツに載った時は早く。離れたときは遅く。 たしかにたまにやる。なんか雑にアニメーション作ったときってマウスオーバー時に間延びするよな、って思ってたけど、プロもやってるのかあれ。 #AdobeMAXJapan

2018-11-20 16:54:12
伊藤 学(ManabuItoh) @gaku

さまざまなアニメーションにおける、小さい動きを分解してみると、シンプルなのの組み合わせがアイディアになっている。 #AdobeMAXJapan

2018-11-20 16:54:49
けんじ / UX Designer @kenji_clown5

プログレスバーを作るときは途中で止めない。プログラム的にはちょっもしたごまかしをつくることも、ユーザー体験向上につながる。 #AdobeMAXJapan

2018-11-20 16:55:02
伊藤 学(ManabuItoh) @gaku

インタラクションツールキットはAeファイルもあるので勉強になる #AdobeMAXJapan

2018-11-20 16:55:26
伊藤 学(ManabuItoh) @gaku

アニメーションは緩急が最大のポイント。 #AdobeMAXJapan

2018-11-20 16:55:39
えび𝕏🍤 @pino_ebiebi

#AdobeMAXJapan UI Movement - The best UI design inspiration, every day uimovement.com

2018-11-20 16:55:41
kanaria🐺 @wolfsheepIT

UI Movement _φ(・_・ Micro Interaction Toolkit _φ(・_・ #AdobeMAXJapan #AdobeMAX

2018-11-20 16:55:44
でなり | ARクリエイター @denari01

uimovement.com Micro Interactionを参考にするときにたくさん掲載例があるWebサイト。 なるほど。いつもdribbbleしか見てなかった。ここも参考にしよう。 #adobemaxjapan

2018-11-20 16:56:01
しゃけの人 @syake_

プログレスバーのアニメーションは、最初はゆっくり伸ばして終わりに近づいていくときに早くすると、速くローディングが終わったかのように錯覚する #AdobeMaxJapan

2018-11-20 16:57:00

デモコンテンツ「Creative Icons」

池田 泰延 @clockmaker

Creative Cloudの各ツールのアイコンをカラーホイールとして、ビジュアライズしました。 ツールの特性によって、色相別に分類されています。 #AdobeMaxJapan #Threejs #WebGL #vuejs pic.twitter.com/ZwgyJDu7oL

2018-11-20 17:00:00
拡大
けんじ / UX Designer @kenji_clown5

Crearive Icons。Adobe CCの各アイコンをビジュアライズしたコンテンツかっこいい。 #AdobeMAXJapan pic.twitter.com/4FqMEMEI7y

2018-11-20 16:59:05
拡大
うぇい @weyhok

アイコン、ちゃんとバージョン毎のデザインになるのかわよいいい #AdobeMAXJapan

2018-11-20 16:56:58
うぇい @weyhok

えっ、アニメートって旧Flashだったのですか…知らんかった…マジか…マジか…ほう…… #AdobeMAXJapan

2018-11-20 16:58:54
鹿野 壮 Takeshi Kano @tonkotsuboy_com

マイクロインタラクションを活用し、今回のAdobeMAX Japanのために池田さんが作った「Creative Icon」。 Adobe製品のアイコンカラーが、どのように変化してきたかを確認できるサイト。 各インタラクションの流れるような動きがポイント。 #AdobeMAXJapan pic.twitter.com/AaQTqYok3X

2018-11-20 16:59:53
拡大
拡大
拡大
拡大
ふーみんふみふみ@YAYL @CustardPrince

Adobeソフトのアイコンの、色立体での位置関係や、歴代バージョンの色の遷移を可視化したインタラクション、ずっと見てたい。バージョンアップに従ってだんだん彩度が上昇していくのが気持ちよかった。 #AdobeMAXJapan pic.twitter.com/f6uqU063CX

2018-11-20 17:15:07
拡大
拡大
前へ 1 ・・ 5 6 ・・ 10 次へ