web-dev-qa-db-ja.com

Googleがサイトのボタンをグレー、ブルー、またはレッドにするために使用しているルールは何ですか?

これはとらえどころのないトピックであり、Googleの推論が特定のボタンを青、赤、または灰色にするというのは、それらの最新の設計思想を考えると、私自身の結論を出すことができていません。たとえば、ドライブページを見てみましょう。

enter image description here

一般に、これらのタイプのページでは、左のボタンが赤になり、他のページは灰色になりますが、他のサイトでは散発的に表示されます。

私はシンプルなルックアンドフィールが好きで、自分のサイトにも同様のものを採用したいと思っていますが、開発者がどのボタンをどの色にするかを選択するためのUIルールを設計するのに苦労しています。多分大規模な決定的なアクションは赤いボタン、日常のアクションは灰色、そして新機能は青いでしょうか?私は知りませんが、誰かが何かアイデアを持っているかどうか、あるいはこの情報のソースさえあるかどうかを確認すると思いました。

ありがとう。

42
MegaMatt

次のスクリーンショットは、 Xweek 2011元のビデオ )でのJon Wileyのスピーチからの抜粋です。彼は、過去数か月にグーグルが行った設計決定について説明しています。

Meanings of color in google buttons

ビデオの最後(27分後)を見て、自分で確認します。

  • 赤は「何かを作る」ためのものです
  • 緑は「何かを共有する」ためのものです
  • 青は「何かをする」ためのものです(例:フォームを送信)

これは少し古いかもしれないことを覚えておいてください。たとえば、Android向けの最新バージョンのgoogle +では、Googleは別の方法で色を使い始めました。いずれにせよ、ビデオは一見の価値があります。多くの例が作成されており、グーグルをこのデザインに導いたプロセスが明確に概説されているからです。

43
Daniele

灰色のボタンをユーティリティとして分類します。オブジェクトの作成/編集/破棄を行わないアクション。例:スクリーンショットの灰色のボタンは、アプリのUIまたは動作の変更に関係しています。

  • ソート
  • ビューを変更
  • セッティング
1
BabblingComet