Googleがアプリの再設計でホワイトスペースを使用する理由

色のしぶき。 こうして、Google の最初の公式デザイン言語が 2014 年にスタートしました。 マテリアルデザイン は Google I/O 2014 で発表され、Android アプリの世界で一貫性を生み出すことを目的としたカラフルな一連のガイドラインが導入されました。

「マテリアル デザインは、光の反射や影の落とし方など、物理世界とそのテクスチャからインスピレーションを得ています。」 Google のマテリアル デザイン Web サイト. 「素材の表面は、紙とインクの媒体を再考します。」

おすすめ動画

サードパーティのアプリ開発者は、アプリのこれらのガイドラインに従うことに時間を費やしました。一部の開発者は完全にガイドラインを無視しましたが、他の開発者はガイドラインを無視しました。 アンドロイド コミュニティはそれを福音として受け入れました。 Google の標準を採用していないアプリはすぐに排除され、採用したアプリは台無しにされました。 2015 年までに、Google の中核サービスの多くはマテリアル デザイン言語を利用しました。 最終的に、この設計は Web 上の Google のサービスと Apple の iOS に拡張されました。

関連している

  • DiscordはAndroidアプリを良い意味でiOSに近づけている
  • Googleは軽量のYouTube Goアプリを廃止する
  • Google、コオロギの鳴き声を伝える「Switch to Android」アプリをリリース

「素材の表面は、紙とインクの媒体を再考します。」

Googleのデザイン担当バイスプレジデント、マティアス・ドゥアルテ氏は、これらのアプリのデザインは「新鮮で、非常に意見が強い」と、数人のジャーナリストとの会合で語った。 Google I/O 2018. 以下をご覧ください。 Google は色の使用を積極的に採用し、各アプリに識別できる特定のトーンを与えました。 Google Fit には赤とオレンジのアイコンがあり、アプリにはオレンジのアクセントが施されていました。 Google Play ニューススタンドは紫色のハイライトでいっぱいでした。

Google ホワイトスペース アプリの再設計 Nexus 9 スクリーンショット Play ストア 1
Google ホワイトスペース アプリの再設計 Nexus 9 スクリーンショット Play ストア 2
  • 1. Google Play ニューススタンド、左、Google Play ストア、右。
  • 2. Google Fit(左)、Google Now(右)。

しかし、マテリアル デザインの華やかな時代は終わりました。 Google が年間を通じてアプリの外観を更新していることに気づいたかもしれません。 と呼ばれる新しいフォントが使用されています Google Sans、しかし、より顕著なのは、これらすべての再設計で色が欠如していることです。 Googleのデザイナーらはパネルディスカッションで、ホワイトスペースを使用することで製品を輝かせることができるが、色は依然として存在しており、意味のあるアクションを強調するために使用されていると述べた。

「Google マテリアル テーマにおいて、色は依然として重要なデザイン ツールであり、ブランドを象徴するものです」とドゥアルテ氏は電子メールで Digital Trends に語った。 「今後も、Google 製品の Google マテリアルの再設計において、色が有意義に使用されているのを目にすることになるでしょう。 具体的な例としては、Gmail および Google Drive の最近の赤と青の選択状態とアイコンが挙げられます。 再設計します。」

これらのアプリの再設計で使用されている色の多くは、Google のブランドカラーである赤、緑、青、黄色であり、ドゥアルテ氏によれば、これらは「Google で使用することを目的としている」という。 装飾のためではなく、目的と意図を持っています。」 アプリ内でこれらの色が表示される場合、それは通常、それに伴うアクションがあり、それによって強化されるアクションがあることを意味します。 グーグル。 たとえば、再設計された Google ニュース アプリが Google Play ニューススタンドに置き換わりましたが、もう紫色の気配はありません。 インターフェイス内の唯一の色は「フルカバレッジ」アイコンです。これをタップすると、その主題に関する記事のリストが厳選され、好みのソースだけでなくあらゆる側面を知ることができます。 これは Google の人工知能を活用アプリ内でこれが唯一のカラフルなアイコンであるのはそのためです。

Googleによると、テストではマテリアルテーマを使用するとユーザーは同社のブランドに対してより好意的な感情を抱き、より便利で直観的であると判断したという。 過去 1 年間に再設計された Google アプリのいくつかを以下でご覧ください。 それらはすべて主に白を特徴とし、色は最小限に抑えられています。

GoogleホワイトスペースアプリがPlayストアを再設計
Google ホワイトスペース アプリの再設計のニュース
Googleホワイトスペースアプリがホームを再設計
GoogleホワイトスペースアプリがAndroidメッセージを再設計
Googleホワイトスペースアプリがフィットするように再設計
Googleホワイトスペースアプリが写真を再デザイン
Googleホワイトスペースアプリがタスクを再設計
Googleホワイトスペースアプリがカレンダーを再設計
  • 1. Google Playストア
  • 2. グーグルニュース
  • 3. グーグルホーム
  • 4. Android メッセージ
  • 5. Google フィット
  • 6. Googleフォト
  • 7. Googleタスク
  • 8. Googleカレンダー

ホワイトスペースを使用すると、製品内のコンテンツが強調表示され、フローティングアクションボタンなどのアクションを強調表示するために色が使用されている場所がわかります。 Google Fit アプリ 右下にあります。

ただし、すべてが真っ白というわけではありません。 Google はまた、Android コミュニティからの一貫した要望である「ダーク テーマ」をこれらのアプリの一部に追加しました。 ドゥアルテ氏は Digital Trends に対し、チームは「アンドロイド 自動、 アンドロイド Wear (現在は Wear OS)、 アンドロイドTV、Google Cloud。」 昨年、この暗いテーマが Google ニュース アプリ、YouTube、さらには アンドロイド メッセージアプリ。

Gmail (モバイル版)、Google Trips、Google の要素など、新しいスタイルをまだ採用していない Google アプリがまだいくつかあります。 グーグルマップ、Google ドライブ。 ドゥアルテ氏は、再設計が迅速に行われることを期待しており、ほとんどの場合そうなっていると述べており、おそらく 2019 年も継続して展開されることが期待できると述べています。

編集者のおすすめ

  • GoogleのAndroid独占は最大の課題に直面、次はAppleになるかもしれない
  • Android タブレット上での Google ドライブ、ドキュメント、その他のアプリの機能が大幅に向上しています
  • Google Play ストアはプライバシーを侵害するアプリを見つけるのに役立ちます
  • AppleとGoogleは韓国でアプリストアをオープンする必要がある
  • グーグル、ショッピングアプリを廃止しウェブ検索を優先へ

ライフスタイルをアップグレードするDigital Trends は、読者が最新ニュース、楽しい製品レビュー、洞察力に富んだ社説、ユニークなスニーク ピークをすべて提供して、ペースの速いテクノロジーの世界を監視するのに役立ちます。