はてなブックマーク

前置き 海外にはモーションデザインを用いたカッコイイ会社がたくさんあります。しかしながら「知らない」と言われることが多く、こんなにカッコイイものを作る会社があるのに知られていないという事実がとても悲しいので、ここに紹介しようと思います。 その2はこちら。 海外のモーションデザインスタジオまとめ - その2 ※今回まとめたスタジオには3Dやインタラクティブ系の会社はあまり入れていません。主に2D系に絞っています。ご了承ください。 2021/02 リンク切れを起こしているものや若干古くなっているものがあったので、追記と修正を行いました！🕺✨ 1. oddfellows まずは oddfellows。 アメリカのサンフランシスコとポートランドにあるスタジオです。 Google Privacy - Info We Collect Google のサービス全体で情報がどのように使用され、管理されて

前置き モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をすることにしました。こちらはGoogleが発表したマテリアルデザインガイドラインからモーションステッカーシートの翻訳になります。 引用元 Google - Material Design - Motion Sticker Sheet Motion Sticker Sheet - Material Design ※動画像データもこちらから引用させていただいております。 しっかりとした情報が欲しい方はコチラをご覧ください。モーションステッカーシートのダウンロードはコチラの上部「DOWNLOAD MOTION STICKER SHEET」から行ってください。※このモーションステッカーシートは英語版のAfterEffectsで開くとうまく動作します。日本語版で開くとエクスプレッションエラー(主にスライダー)が発生しま

前置き モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をしてみることにしました。こちらはGoogleが発表したUIガイドラインのマテリアルデザインからモーションデザインについての翻訳になります。 前章 : マテリアルデザイン - モーションデザインを理解すること 引用元 Google - Material Design Speed - Material Design ※動画像データもこちらから引用させていただいております。 しっかりとした情報が欲しい方はコチラをご覧ください。 (※スマホから元サイトに飛ぶとページが上手く表示されないようです。元サイトはPCから見ることをオススメ致します。)速度について速度の調整を行うとトランジションが反応しやすいスムーズなものになります。 速度の調整トランジションの速度はUIの変化する速度を可視化します。速度は主にデュレーションの

前置き 去年の暮れ頃、最初に翻訳をしようと思ったキッカケがこの記事でした。海外ではモーションデザインに関する記事がMediumに存在し、日本語記事が存在しないことにストレスを感じていました。著者のJonasさんに連絡を取り、翻訳の許可をいただいたことからこのnoteの翻訳を始めました。 引用元 : Medium - Google Design - Motion Design Doesn't Have to be Hard 著者 : Jonas Naimark Googleのマテリアルデザインチームで働くモーションデザイナー。 彼のTwitter,Dribbleアカウントはこちら。 https://twitter.com/jonasnaimark https://dribbble.com/jonasnaimark モーションデザインはUIの表現力を向上させ、使いやすくする手立てになります。そ

【翻訳してみた】Google Design - モーションデザインは難しくない 前置き 去年の暮れ頃、最初に翻訳をしようと思ったキッカケがこの記事でした。海外ではモーションデザインに関する記事がMediumに存在し、日本語記事が存在しないことにストレスを感じていました。著者のJonasさんに連絡を取り、翻訳の許可をいただいたことからこのnoteの翻訳を始めました。 引用元 : Medium - Google Design - Motion Design Doesn't Ha もっとみる

前置き モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をしてみることにしました。こちらはGoogleが発表したUIガイドラインのマテリアルデザインからモーションデザインについての翻訳になります。 前章 : マテリアルデザイン - 速度について 引用元 Google - Material Design Choreography - Material Design ※動画像データもこちらから引用させていただいております。 しっかりとした情報が欲しい方はコチラをご覧ください。 (※スマホから元サイトに飛ぶとページが上手く表示されないようです。元サイトはPCから見ることをオススメ致します。)コレオグラフィコレオグラフィとは、ユーザーの注目をUIに持続させる動きの並び方のことです。 シーケンス- アニメーションシーケンスアニメーションシーケンスはアニメーションが表示位置や動

前置き モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をしてみることにしました。こちらはGoogleが発表したUIガイドラインのマテリアルデザインからモーションデザインについての翻訳になります。 引用元 Google - Material Design Understanding motion - Material Design ※動画像データもこちらから引用させていただいております。 しっかりとした情報が欲しい方はコチラをご覧ください。 (※スマホから元サイトに飛ぶとページが上手く表示されないようです。元サイトはPCから見ることをオススメ致します。)モーションデザインを理解することモーションはUIの表現力と使いやすさを向上させます。 原理 - 有益性 モーションは要素間の空間的な関係と階層的な関係を表します。アクションが利用可能で、アクションが行われたときにモー