私は多くの場所でこの種のUX要素を目にしていて、私の無知を許していますが、それらが何と呼ばれるのかわかりません(それらが何と呼ばれていても)。
これは、テキスト仕様を素敵な小さな色のラッパーでラップすることで構成されており、通常はそれを削除するために小さなX
を含めています。ここでは、Gmailの作成ウィンドウでのTO
メールアドレスのグラフィカルなラッピングを参照しています
また、ここのようなStackExchange質問にタグを追加するとき
このグラフィック要素は何と呼ばれていますか?
あなた自身の質問に何度か答えたと思います!
これらはタグまたはラベルと呼ばれます。
これは、UX用語と外観の用語の両方です。 UX的にこの名前が選択されたのは、機能的には、特定のアイテム/オブジェクトに簡単にフックできる小さなラベルであり、これらのオブジェクトに関連する値を示しているためです。
見た目も同じです。ラベルが印刷されたプラスチックや紙のように見えます。
それらはおそらく最も一般的にtagsと呼ばれます。あなたは興味があるかもしれません それらのUI-Patternsページ。
ただし、タグにはさまざまな名前があります。ウェブサイトのコードを見て、次のことを発見しました。