web-dev-qa-db-ja.com

フラットUIで情報をアイコンで表す方法はありますか、それとも常にアクション可能にする必要がありますか?

ファイルのステータス(「レビューが必要」、「完了」など)をアイコンで表します。ただし、フラットUIでは、一部のクロムのようにアフォーダンスが不足しているため、アクション可能なアイコンとアクション不可能なアイコンを区別できません。

これまでのところ、私は、テキストの長さが異なるために、より多くの不動産とより乱れたレイアウトでもたらされる、テキストで表現された情報に固執する必要があると信じています。 chromeをアクション可能なアイコンの周りに配置することを考えましたが、それは私たち自身のインターフェース規則のドラフトとして使用するGoogles Material Designに違反します。また、フラットUIはここに留まるので、慣習をあまり壊したくない。

これまでの私の結論は、アイコンは常にアクション可能である必要があるため、アイコンを介して情報を表現する可能性を失ったということです。

2

アイコンは実行可能ではないというあなたの結論は理解できません。私の電子メールプログラムは、私が読んだ電子メールを、閉じているか閉じていない封筒の写真を使用して、まだ読む必要がある電子メールと区別します。閉じた封筒のアイコンは、それを開くように私に行動を促すフレーズです。さらに、メールにさまざまな色のフラグを設定できます。

アクションが必要なファイルに赤い感嘆符を付けることができないのはなぜですか?このようなもの: http://www.iconarchive.com/download/i60520/custom-icon-design/pretty-office-9/file-warning.ico

平坦性の必要性は、星、感嘆符、ドットなどの注釈マークをオーバーレイできないことを意味するものではありません。

1
Mishax

フラットUIには、アフォーダンスを提供するための視覚的な規則があります。 chromeまたはskumorphicデザインに依存する必要はありません。

たとえば、この小さな矢印アイコンをフラットUIで使用して、特定の要素が操作可能であることを示しました。

Arrow icon on Strapline

1つの解決策は、同様のフラットアイコンを操作可能な要素の上にオーバーレイし、アイコンがないことを使用して、操作できない視覚オブジェクトに信号を送ることです。

0
Racheet