ホーム‎ > ‎Building Blocks‎ > ‎

Buttons


ホームページ移転のお知らせ
1月1日にリニューアルを実施いたしました。
これに伴い、ページのURLが以下のアドレスに変更となりました。
http://android-design.teamegg.co.jp/
お手数をおかけしますが、リンク集やお気に入り登録情報などの修正をお願いします。

ボタン


ボタンはテキストおよび/またはユーザがタッチした時に発生するアクションを明確に伝える画像から構成されます。Androidは基本的なボタンと枠なしのボタンの2つの異なるタイプのボタンをサポートします。どちらもテキストラベルおよび/または画像を含めることができます。

デベロッパードキュメント
Button


画像のみのボタンは、アクションをわかりやすいシンボルで表す事ができる際に最適です。
テキストのみのボタンは、アクションを視覚的に表現することが難しいか、曖昧さを避けるために言葉で伝える必要がある場合に最適です。
アイコンとテキストを合わせることでお互いを補完できます。(アイコンとテキストはそれぞれ情報を持っていますが、一緒に表示することで相乗効果を得られます。)

例えば、Google Nowでの誕生日のリマインダカードにおいて、ボタンのテキストはアクションを説明すると同時に、画像はGoogle+でアクションを行うことを示します。

ボタンの背景について
ユーザはオブジェクトの動作について慣れているので、画像のみのボタンの場合、背景は必要ありません。
悪い
良い
テキストを含むボタンの場合も、通常、背景は必要ありません。ユーザのタッチを導くために、明確なアクション(例:スタートやサインイン)を表し、通常の本文とは異なる色や書式を使うことで強調してください。

背景を持つボタンは控えめに使用します。外観がはっきりしているので、画面上に1つまたは2つまでなら良い働きをします。最適な使用方法としては以下の通りです。

  • ユーザが本当にしたいと思っているアクションの呼び出し(例:アカウント作成)
  • 重要な判断をするとき(例:承諾、否認)
  • ユーザが重要なアクションを確定しようとしているとき(例:全削除、今すぐ購入)



原文はこちら > Buttons

Except as noted, this content is licensed under Creative Commons Attribution 2.5. For details and restrictions, see the Content License.

Comments