web-dev-qa-db-ja.com

ジレンマ:アクティブ/未訪問のリンクの色を決定する方法は?

訪問済みのリンクと未訪問のリンクの色の違いをどのように判断すべきですか?

例として、リンクの色が紫のテーマに取り組んでいます。訪問したリンクの色についていくつかの提案が必要です。リンクの色に紫を使用するべきではなく、下線付きの黒を使用するべきだと思いますか。

6
Hemchandra

ハイパーリンクは、ページ内の他のタイプのテキストと区別する必要があります。通常のテキストが黒の場合、ハイパーリンクの色は異なるはずです。

Nielsenによると、「未使用のリンクの色は、訪問済みのリンクの色よりも鮮やかで明るい色である必要があります。

詳細については、以下の記事を参照してください。

http://www.nngroup.com/articles/guidelines-for-visualizing-links/

http://www.nngroup.com/articles/change-the-color-of-visited-links/

6
Awesh

まず、ページの色(背景、テキスト、リンク、ホバーリンク、アクティブリンク、訪問済みリンク)を変更する場合は、ページの訪問者の一部がデフォルトのブラウザーの色を上書きしている場合に備えて、すべてを変更する必要があります。

第二に、訪問したリンクは依然としてリンクであるため、それらの色は通常のリンクの色と大差ないはずです。紫(訪問済みのデフォルト)と青(リンクのデフォルト)は、色の三角形で互いに近接しています。 Aweshが述べたように、新旧の(アクセスされた)リンクに対して直感的に見える違いの性質は、新鮮な色と鈍い色です。 明るくない、または彩度が低い

第三に、すべてのテキストの色が背景とのコントラストが十分に高いことを確認してください。例えば。背景が白の場合は、すべてのテキストの色を少なくとも50%グレーと同じくらい暗くし、背景が黒の場合は、すべてのテキストの色を少なくとも50%グレーと同じくらい明るくするか、または W3Cガイドライン または この回答の説明

何よりも、デフォルトの色を変更する場合は、選択したテーマが一部の訪問者にとって快適でない場合に備えて、代替のテーマを提供することを検討してください(詳細については この回答 を参照) 。

参照画像、色の三角形:
Color triangle

4
Danny Varod

未訪問のリンクの色に紫を使用することに専念している場合は、少しコーナーにいます。紫は訪問したリンクの色であるという慣習との戦い。訪問済みリンクのグレーは、最善の妥協案だと思います。他の人が述べたように、訪問されたリンクは、訪問されていないリンクよりも重要ではないことを示唆するために、訪問されていないリンクよりも飽和してはなりません。未訪問リンクの黒も機能しますが、灰色はリンクをもう少し目立たせます。

また、両方の種類のリンクに下線を付けてください。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

3
obelia

紫は「アクセスした」リンクのデフォルト色であるため、リンクのデフォルト色として紫を使用しないでください。標準から逸脱することにより、エンドユーザーを混乱させます。

参照:Windows UIガイドライン(ただし、同じガイドラインが他の場所にも適用されると確信しています)。 http://msdn.Microsoft.com/en-us/library/windows/desktop/aa511283.aspx "Webページ内のリンクは、未訪問の場合は青、訪問済みの場合は紫を使用します。"

3
Rasha