<br />関連記事: ハイパーリンクを表示して開く方法 症状<br />ユーザーやデザイナーが遭遇するトラブル: 1. ユーザーはそれがリンクであるかどうか判断できません。マウスをターゲット上に移動して手の形に変わるまで待って、リンクであることを確認する必要があります。 2. 統一されたリンクの色はインターフェースのデザインに適していません。 分析: baidu/google で表される青い下線は最も古典的なリンク スタイルであり、クリック可能/クリックされたかどうかを直接反映します。ただし、Web サイトごとにスタイルが異なるため、すべての Web サイトに同じリンク スタイルを適用することは不可能であり、デザインに大きな制限が生じます。私はリンクを、推奨クリック(記事のタイトルなど)、プロンプトクリック(著者名、「詳細」、段落内のリンクなど)、機能リンク(ナビゲーション、ボタンなど)に分類しています。 解決: クリック可能なリンクを使用し、デフォルトのリンク色を設定して、青などのこの色のフォントを見ただけでクリック可能なリンクであることがわかるようにすることをお勧めします。区別しやすいように、この色は通常のテキストの色よりも暗くしてください。 クリック可能なリンクを示すには、リンクの色を周囲のテキストと同じ色にデザインする必要があることが多いため、下線が最適な方法です。 ナビゲーション リンクやボタンなどの機能リンクは、一目でクリック可能なので、色や下線で区別する必要はありません。カスタマイズできます。 開く方法<br />ユーザーが遭遇したトラブル: 1. ポップアップ ウィンドウが多すぎて、画面全体が埋まってしまい、コンピューターがフリーズしてしまうこともあります。 2. すべてのジャンプはこのページへ行われます。前のページの他のコンテンツを閲覧したい場合は、戻る必要があります。 分析: 従来の Web サイトのほとんどは、ユーザーの画面を占有するポップアップ リンクを好みますが、2.0 Web サイトは現在のページへのジャンプを好み、ポップアップは非常に使いにくいと考えています。ユーザーが別のリンクをクリックするために前のページに移動する必要があるのはなぜですか?現在のページに前のページへのリンクがないか、前のページに記事のリストなど同じレベルのフィルタリング可能なコンテンツがあるためです。ページを開く最も理想的な方法は、このページにジャンプするか、新しいタブを開くことです。 解決: ニュースの見出しのグループなどのリスト内のリンクは、ポップアップ ウィンドウで開きます。 ナビゲーション、カテゴリ、ページング、「その他」などの機能リンクをクリックすると、このページにジャンプするためのウィンドウが開きます。 フレンドリー リンクの段落内のテキスト リンクなどの外部リンクは、ポップアップ ウィンドウを使用して開きます。 ユーザーは、右クリックして「新しいタブで開く」を選択するか、ブラウザを「常にポップアップ ウィンドウを新しいタブで開く」に設定して開くことを選択できます。 |
>>: Linux の Docker コンテナで bash を終了する 2 つの方法
Traceroute を使用すると、情報がコンピュータからインターネットの反対側のホストまでたどるパ...
一般的なページング方法: 1. エスカレーター方式エスカレーター方式では通常、前のページ/次のページ...
目次序文導入1. 作用機序2. 自然から3. 時計と計算の比較4. メソッドはデータロジックの関係を...
システム環境: Win10 64ビットMySQL バージョン: mysql-5.7.18-winX6...
目次1. プロジェクトの見通し2. 知識ポイントObject.assign() の使用法filter...
序文ほとんどの人は、システム ディスク ストレージが少ないときにこの操作を実行するか、Linux シ...
Iframe 使用状況の詳細な分析<iframe frameborder=0 width=17...
登録するフロントエンドは、vue の axios を使用して値を渡し、取得したアカウントとパスワード...
この記事では、jQueryでカルーセルチャートを実装するための具体的なコードを参考までに共有します。...
<br />1年前、インターネット上にはinline-blockプロパティに関する記事は...
目次序文Zookeeper サービスのオープンを検出情報を入手する接続テスト接続先修理計画参照する序...
HTML段落段落は <p> タグによって定義されます。例<p>これは段落で...
目次01 JavaScript(略称:js) js は 3 つの部分に分かれています。 JavaSc...
効果は以下のとおりです。参考プログラム: <!DOCTYPE html> <htm...
目次制御されていないコンポーネント制御コンポーネント知らせ結論は制御されていないコンポーネントフォー...