テキストリンクの設定はどうしてる?

3月の半ばに入り日にちが経ちますが…

外に出かけるとほぼマスクをしてる人が多いんですね…

でも、旅行者はほとんどマスクを外す人が少し出てきてますね。

さてと、話題に入りましょう!

テキストリンクの設定はどうしてる?

Webページを作成していくなか、リンク先のデザインはどうしてるん?

プロが作ったWebサイトを色々ググったりしてるんやけど…

ほとんど、リンク先の設定がボタン風になってますね。

テキストだけのリンク先のデザインはどうしてるんやろって気になっていろいろ調べてみました。

まずは、「Yahoo!JAPAN」サイトを見てみよう!
Yahoo! JAPAN

マウスを乗せるとアンダーラインが出ますね。

Bingサイトを見てみると同じく、マウスを乗せるとアンダーラインが出ます。

Google ニュースも同じく、マウスを乗せるとアンダーラインが出ます。

ほかのいろんなニュースサイトも同じくマウスを乗せるとアンダーラインが出ますね。

しかもリンク先の色も基本的に青系統が主流なんですね。

さらに、訪問済の場合の色は紫色に変化するんですね。

参考サイトを色々調べた結果、テキストリンクの場合は、マウスを乗せるとアンダーラインが出たほうが閲覧者にとってはいいメリットかもしれませんね。

画像のリンクの場合は、透過を入れてる場合があるんですね。

a {text-decoration:none;}
a:hover{text-decoration:underline}
a:visited{color:purple}

テキストリンクを設定するときは青色系統が無難です。

ただ、ビビットトーンの青色を避けて少し暗めのトーンカラーで設定したほうが読者のユーザーにとってはいいメリットかもしれませんね。

いい勉強になりましたわ!

では、また!

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Leonard-Blogをもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む