web-dev-qa-db-ja.com

すべての展開(および折りたたみ)を説明するのに適したアイコンは何ですか?

アイコンをクリックすると、ツリー内のすべてのノードが折りたたまれることを示すアイコンを作成しようとしています。ツリーにはすでにアイコンが含まれているプロファイルが含まれているので、理想的には、プロファイルアイコンの「デコレータ」を探しています(このボタンをクリックすると新しいものが作成されることを示すために使用されるスターバースト、またはそれを示す鉛筆など)ボタンをクリックすると、選択したものが編集されます)。

Windowsツリーノードアイコンを使用してみましたが、これらはWindows Vista/7スタイルにハードコードされているため、Windows XPでは正しく表示されません。また、三角形であることを考えると、それらは少し抽象的です。

PDATE:アイコンは、ツリービューの右側にある別の「アクションペイン」に表示されます。

35
alastairs

シェブロンで移動します。折りたたんだり展開したりするために広く使用されており、自明です。

enter image description hereenter image description here

31
Matt Rockwell

私は以前、以下の種類のアイデアを使用しました-これらの実際のアイコンではなく、それらに基づいており、デザインスタイルの残りの部分と一致しているもの。

enter image description here

enter image description here

9
Roger Attrill

私は視覚的によりクリーンなソリューションに行きます、つまり、アーティファクト/混乱を減らします。

Google Mail - Collapse AllGoogle Mail - Collapse AllExample2

Example1

9
herkulano

ではコンセンサスはありますか? Web全体で、同じ組織内であっても、異なるアイコンを使用しているのを見てきました。 Googleグループでは、右向き矢印/下向き矢印の組み合わせを使用します。 Gmailでは、+ /-を使用します。 Google Plusでは、シェブロンの二重矢印を使用しています。 WTF?さまざまなグループがこれらのアプリケーションを構築しており、1つのアイコンが他の場所よりも1つの場所でより文脈的に理解できるかもしれませんが、真剣に標準化がいいでしょう。

シェブロンの二重矢印の外では、私は常に右向き/下向きの矢印を使用することに消極的でした。ページ上のコンボボックスと紛らわしくなったり混乱したりすると思います。

3
Darren Chan

デザインを実装するために必要なコンテキストがよくわかりません。しかし、私はいつもこれらのようなケースがホイールを再発明する必要がないことを発見しました。

使用するための適切なリファレンスは http://patterntap.com/ 常に役立つと思います。

0
Jack.ak.Hsu