ホームページ > 記事 > ウェブフロントエンド > ハイパーリンク_HTML/Xhtml_Web ページの制作に関するいくつかの問題
このポテトチップスパーティーに参加できてとても嬉しいです、そして何人かの友達にも会えました~~思いがけず、今日は要約しなければなりません
このポテトチップスパーティーに参加して、何人かの友達に会えてとても幸せです~~思いがけず、今日は要約しなければなりません
このポテトチップス会議では、合計 3 つのトピックについて議論しました。
A.「使用
」の作り方
今号のポテトチップスに参加できて嬉しかったです、そして何人かの友達にも会いました~~ 思いがけず、今日はそれをまとめたいと思います
このポテトチップパーティーに参加して、何人かの友達に会えてとても嬉しいです~~思いがけず、今日はまとめをしなければなりません
このポテトチップパーティーでは合計3つのトピックについて話し合いました :
A. 「ユーザー」がハイパーリンクを簡単に識別できるようにするにはどうすればよいですか?
B. ハイパーリンクには「下線」を付ける必要がありますか?
C. それはボタンですか、それともリンクですか?
1. 「ユーザー」がハイパーリンクを識別しやすくするにはどうすればよいですか?
リンクしているように感じますが、リンクしているとはまったく感じません。いくつかの例を一緒に見ていきました。
シナ:
下線付きの赤いもの、下線のない赤いもの、下線付きの青いものがあります。待ってください
これは、何でもクリックでき、どこにでもリンクがあるという印象を与えます。しかし、インターフェイスの美しさは非常に悪いです。
Yahoo:
画像の1、3、4は全てリンクですが、2は本文なのでリンクできません。一見するとどれがリンクでどれがリンクではないのかわかりませんが、マウスがその上を通過すると突然わかります。
デフォルトで下線を引かずに処理するこの方法は、インターフェース全体として非常に美しくなりますが、見分けがつきにくくなります。見渡す限り、何をすればいいのかわかりません。
Amazon:
Amazon の Web サイトへのリンクは、テキスト内にリンクできないものは黒文字で表示され、リンクできるものは青の下線で表示されます。さらに、そのカテゴリには下線が引かれていませんが、カテゴリに下線を引く必要がないことに誰もが同意します。
Amazon のアプローチには誰もが同意します。
議論の結果、あまり一貫した結論には至りませんでしたが、比較的一貫した傾向がいくつかあります。
カテゴリには下線を引く必要はありません。
リンクを明確に区別するには、青と下線を使用するのが最も一般的な方法です。
Web サイトの場合、下線がない場合は、リンクと非リンクを異なる色で区別し、リンクの色は同じにする必要があります。
#p#
今号のポテトチップスに参加できて嬉しかったです、そして何人かの友達にも会いました~~ 思いがけず、今日はそれをまとめたいと思います
2. ハイパーリンクには下線を付ける必要がありますか?
上記の分析を参照する際、リンクに下線を引く必要があるかどうかの問題についても議論しました。結局結論は出なかったものの、一定の合意には達した。たとえば、上記のカテゴリには下線を引く必要はありません。リンクと非接続を区別するために色を使用できます。
上記 2 つのトピックに関して、いくつかの点についても説明しました。
アンダースコアはリンクと非接続を区別するだけですが、色など、区別する方法はたくさんあります。ユーザーは下線を非常に深く理解しており、一目でリンクであることがわかります。
下線はマウスが上を通過した後にのみ表示されます。この表現方法はあまり直感的ではなく、一見してリンクと非接続を区別することができません。
リンクと非接続を区別する方法を追加できますが、これによりユーザーの記憶負担が増加します。
Web サイトの場合、そのリンクは一貫した方法で表示される必要があります。
3. ボタンですか、それともリンクですか?
次の 2 つの例を見てください:
記事内のクリック可能なものはボタンですか、それともリンクですか?
これら 2 つのパフォーマンスは主に重要な役割を果たし、ユーザーがその意味を明確かつ正確に理解できるようにします。しかし、2つの異なるパフォーマンスがありますが、どちらが優れていますか?
最初のタイプのボタンはテキストの段落構造を中断しますが、2 番目のタイプの突出効果はそれほど強くなく、推進力の点で最初のタイプほど優れていません。
また、どちらの表現方法も非常に冗長であり、以前から話題になっていることが「友達に追加」ボタンでできてしまいます。
最終的に私たちは、命令型の性質が強い短いテキストであれば、最後にボタンを追加できるという結論に達しました。これは強調の目的を果たすだけでなく、テキストに影響を与えます。 Qzone の例などですが、この例が見つかりません。追加するのを手伝ってください。