BT

Google、Google I/Oで「Material Design」を発表

| 作者: Abel Avram フォローする 10 人のフォロワー , 翻訳者 笹井 崇司 フォローする 0 人のフォロワー 投稿日 2014年7月6日. 推定読書時間: 2 分 |

原文(投稿日:2014/06/26)へのリンク

Googleが「Material Design」を発表した。これはウェアラブルからスマートフォン、タブレット、デスクトップ、TVに至るまで、多数のデバイスに及ぶユーザインターフェイスのデザイン原則を組み込んだビジュアルランゲージだ。「Material Design」は触覚面における滑らかなモーションを提供しようとしているが、マウスとキーボードベースのデバイスも考慮されている。

Googleによると、「Material Design」は「紙とインクに着想を得た、触覚的なリアリティ」に基づいており、ユーザは「物理法則を壊すことなく」実世界の紙とインクに取って代わる「アフォーダンスを理解」することができる。また、

光、表面、動きの基本は、空間における互いの関係において、オブジェクトがどのように動き、やり取りし、存在するかを伝えるのに重要です。リアルなライティングは継ぎ目を表し、空間を分割し、動くパーツを表します。

「Material Design」はアニメーション、スタイル、レイアウトのための原則を、多数の推奨ビジュアルコンポーネント(ボタン、カード、グリッド、ダイアログなど)と関連するアクションおよびジェスチャーとともに規定している。これにはアクセシビリティのガイドラインも含まれている。

アニメーションに関して、このGoogleの新しいデザインでは、実世界におけるオブジェクトの自然な動きにしたがうよう提案しており、「「Material Design」の世界におけるモーションは、美しいだけではなく、その空間的な関係性、機能性、システムの意図に関する意味を構築しています」と述べている。コンポーネントはユーザのインタラクションに応答するが、気が散るようなものであってはならない。2つのビジュアルな状態間のトランジションは、以下のようでなくてはならない。

スムーズで、難なく見え、何よりも、ユーザに混乱ではなく明瞭さをもたらさなくてはなりません。うまくデザインされたトランジションはこの重い作業を行い、どこに注目すべきかをユーザがはっきりと理解できるようにします。

スタイルに関して、「Material Design」は「現代建築、交通標識、路面マーキングテープ、スポーツコート」からヒントを得た、シャドウとハイライトを強調した「大胆な」色使いを提案している。以下にカラーパレットをいくつか示す。

タイポグラフィに関して、新しいデザインではIce Cream Sandwichで導入されたRobotoフォントの改良版(少し幅広で丸い)を導入する。アイコンは最小限まで切り詰め、単純化された。イメージは没入感があり、文脈を認識でき、ユビキタスでなくてはならない。

ガイドラインには、コンポーネントのビジュアル面に関するさらなるアドバイスも含まれている。以下はカードの1つを示している。

GoogleはGoogle IO 2014で新しいデザインを示した。この秋に予定されるAndroidの次バージョンのUIはこのデザインに基づく予定で、その他のデバイスもしたがうことになるだろう。

HoloからMaterialへのアプリケーションの見栄えの切り替えに関心のある開発者向けにビデオが公開されている。

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

あなたの意見をお聞かせください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする
コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

ディスカッション

InfoQにログインし新機能を利用する


パスワードを忘れた方はこちらへ

Follow

お気に入りのトピックや著者をフォローする

業界やサイト内で一番重要な見出しを閲覧する

Like

より多いシグナル、より少ないノイズ

お気に入りのトピックと著者を選択して自分のフィードを作る

Notifications

最新情報をすぐ手に入れるようにしよう

通知設定をして、お気に入りコンテンツを見逃さないようにしよう!

BT