タグ付けされた質問 「button」

2
ボタンのホバー状態の色の明るい/暗い色合いを作成する方法
私はしばらくの間ボタンをデザインしてきましたが、グラデーションまたはソリッドのホバー状態の色を選択することになると、それはほとんど暗いトーンを目撃する問題でした。 使用するのにより適切な色調を判断するのに役立つ構造化された色理論はありますか? オリジナルからどれくらい暗くすべきですか? 「同じ」色の明るいまたは暗い色合いをどのように定義できますか?

4
ユーザーは要素の位置、色を最も覚えていますか?
私はいくつかのボタンを含むナビゲーションメニューを持っていますが、これは次のように見えます(注:各ボタンには、他のボタンと区別するための独特のアイコンがあります。モックアップに追加しませんでしたが、Wins8アイコンに似ています): 一部のユーザーは、誤って [送信]ではなく[署名]をクリックしたと報告しましたが、これは許可されていません。ボタンをもっと差別化する方法を今考えています。1つのオプションは、署名を右に移動することです。もう1つは(おそらく移動に追加して)色を変更します。 ポジションは十分に差別化されていますか?または、色の使用も検討する必要がありますか?このナビゲーションに新しい色を追加すると、全体的なパレットと外観にある程度の影響があるため、支払う必要のある代償があります。

4
きれいなフラットデザインのボタンをスタイリングして、アフォーダンスを示し、「よくデザインされた」ように見せる
最近、小さなCSSフレームワークを始めました。(http://mincss.com誰かが興味を持っている場合)私はすぐにいくつかのボタンの初期デザインを打ち出しました。UX StackExchangeに関するフィードバックを求めた後(そして多くの良いフィードバックを受け取った後)、それらを改善するための追加のアドバイスを得るためにここに来るよう勧められました。 これは、UXStackExchangeのフィードバックを受けて、現在の状態です。黒の境界線を削除し、3ピクセルの「影」を追加し、1ピクセルのベベルを削除しました。 フラットなデザインにしようと思っています。 残り3つの質問があります。 これらのボタンは十分なアフォーダンスを示していますか?(これはフラットなデザインの問題のようです) 小さなグラデーションを追加することを提案しますか? 彼らはよくデザインされているように見えますか?(私が知っている主観的ですが、これを尋ねるより良い方法を考えることができません) これらのボタンに関するフィードバックがあれば、喜んで歓迎します(おそらく使用します)。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.