Github、新しいGoogle Analyticsなど、かなりの数のWebアプリケーションが灰色(黒)のスケールアイコンを利用し始めています。Firefox4、Chromeなどのアプリケーションでも、IE9、iTunes、MacOSはカラフルなアイコンを削除しました。

カラフルなアイコンからグレースケール/モノクロアイコンに移行した理由は何ですか?

例:

更新:Appleが最初にAquaの長方形スタイルのツールバーコントロールのアイコンの設計で導入したようです:

長方形スタイルのツールバーコントロールで見栄えのするアイコンは、内部の詳細ではなく、輪郭と輪郭を通して意味を伝える合理化された黒い画像です。アイコンは、長方形スタイルのツールバーコントロール内の既存のMac OS X画像の外観を反映する必要があるため、システムが提供するテンプレート画像をガイドとして使用してください。長方形スタイルのツールバーコントロールのアイコンをデザインするときは、次の点に注意してください。

  • 輪郭をシャープで明確にする
  • 真っ直ぐな視点を使用する
  • 完全な黒と数色のグレーを使用して次元を示します
  • アンチエイリアシングを使用します
  • 画像がコントロールの視覚的に中央に配置されていることを確認します(視覚的に注意してください)中央揃えは数学的に中央揃えと同じではない場合があります)

通常サイズの長方形スタイルのツールバーコントロールのアイコンは、19 x19ピクセル以下である必要があります。

コメント

  • 話している内容の画像を提供できますか? Google Analyticsを見たところ、'あなたが言っているようなものは見当たりません。
  • 申し訳ありません。 2つのリンクで投稿を更新しました!さらにいくつかあります:Firefox 4 mozilla.com/en-US/firefox/features Chrome(戻る/進む/ホーム/お気に入りを見てください) google.com/chrome Itunes apple.com/itunes/what-is/player.html
  • 良い質問と更新に感謝します。 +1、さらに+1を切り取って、更新を新しい回答に貼り付けます。 🙂

回答

この傾向は、コンテンツとプレゼンテーションを分離するという考えと結びついたと思います。アイコンはchrome / uiの一部であり、コンテンツ自体と競合しないように目立たないようにする必要があります。

別の理由として、要素が次の場合に注目を集めやすいことが考えられます。カラフルなアイコンが付いているのは1つだけで、それ以外はすべてグレースケールです。たとえば、緑色のログインパドロックアイコンとグレースケールメニューアイコンの組み合わせです。カラフルな要素のグループで何かをポップアウトするには、必要に応じてはるかに多くのスキルと時間がかかります。色だけではありません(ユーザーの注意を引く上で主要な役割を果たしていません)。

コメント

  • まさに私が言うつもりだった。 Google Chromeは、邪魔にならないように設計されているという点で完璧な例です。トップバー、ボタン、アイコンはすべてモノクロで、きれいに凝縮されています。そのため、ChromeUIは'あなたが見ようとしているウェブページからあまり注目を集めません'。そして、私は' MicrosoftがIE9と同様の哲学を持っていることに気づきました。
  • 私を激怒させる部分(Microsoft 'の最新の発表 blogs.msdn.com/b/visualstudio/archive/2012/02/23/ … )これは、特定の種類のユーザーインターフェース、特にインターフェース全体に100個のボタン、ツリービュー、パネルがない'ユーザーインターフェイスでのみ機能するということです。 UIデザイナーは、これが非常に具体的なデザインのメタファーであり、クールな流行ではないことにいつ気づき始めますか?色付きのアイコンは、表示するアイコンが多い場合に機能します。

回答

  • 見栄えがよくなります、レイアウトに関係なく、レイアウトが変更された場合でも保持できます。
  • さまざまなソースのアイコン(名詞プロジェクト、シンボルフォント、iPhoneなどのプラットフォームで使用されている既存のアイコンなど)を組み合わせることができます。 、ほとんど同じように見えるので。
  • 自分で行うのは簡単です。

個人的には、一般的に悪い傾向だと思います。私たちの脳は色を注意深く処理します(私たちが意識的に見る前に)。 「色付きのアイコンのリストから赤いアイコンを見つける」などのタスクは本当に得意です。「黒いアイコンのリストから小さなトラックのように見えるアイコンを見つける」などのタスクはあまり得意ではありません。すべてのアイコンを同じ色にすると、製品が使いにくくなります。

もちろん例外もあります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です