<br />関連記事: ハイパーリンクを表示して開く方法 症状<br />ユーザーやデザイナーが遭遇するトラブル: 1. ユーザーはそれがリンクであるかどうか判断できません。マウスをターゲット上に移動して手の形に変わるまで待って、リンクであることを確認する必要があります。 2. 統一されたリンクの色はインターフェースのデザインに適していません。 分析: baidu/google で表される青い下線は最も古典的なリンク スタイルであり、クリック可能/クリックされたかどうかを直接反映します。ただし、Web サイトごとにスタイルが異なるため、すべての Web サイトに同じリンク スタイルを適用することは不可能であり、デザインに大きな制限が生じます。私はリンクを、推奨クリック(記事のタイトルなど)、プロンプトクリック(著者名、「詳細」、段落内のリンクなど)、機能リンク(ナビゲーション、ボタンなど)に分類しています。 解決: クリック可能なリンクを使用し、デフォルトのリンク色を設定して、青などのこの色のフォントを見ただけでクリック可能なリンクであることがわかるようにすることをお勧めします。区別しやすいように、この色は通常のテキストの色よりも暗くしてください。 クリック可能なリンクを示すには、リンクの色を周囲のテキストと同じ色にデザインする必要があることが多いため、下線が最適な方法です。 ナビゲーション リンクやボタンなどの機能リンクは、一目でクリック可能なので、色や下線で区別する必要はありません。カスタマイズできます。 開く方法<br />ユーザーが遭遇したトラブル: 1. ポップアップ ウィンドウが多すぎて、画面全体が埋まってしまい、コンピューターがフリーズしてしまうこともあります。 2. すべてのジャンプはこのページへ行われます。前のページの他のコンテンツを閲覧したい場合は、戻る必要があります。 分析: 従来の Web サイトのほとんどは、ユーザーの画面を占有するポップアップ リンクを好みますが、2.0 Web サイトは現在のページへのジャンプを好み、ポップアップは非常に使いにくいと考えています。ユーザーが別のリンクをクリックするために前のページに移動する必要があるのはなぜですか?現在のページに前のページへのリンクがないか、前のページに記事のリストなど同じレベルのフィルタリング可能なコンテンツがあるためです。ページを開く最も理想的な方法は、このページにジャンプするか、新しいタブを開くことです。 解決: ニュースの見出しのグループなどのリスト内のリンクは、ポップアップ ウィンドウで開きます。 ナビゲーション、カテゴリ、ページング、「その他」などの機能リンクをクリックすると、このページにジャンプするためのウィンドウが開きます。 フレンドリー リンクの段落内のテキスト リンクなどの外部リンクは、ポップアップ ウィンドウを使用して開きます。 ユーザーは、右クリックして「新しいタブで開く」を選択するか、ブラウザを「常にポップアップ ウィンドウを新しいタブで開く」に設定して開くことを選択できます。 |
>>: Linux の Docker コンテナで bash を終了する 2 つの方法
環境要件: IPホスト名192.168.1.1ノード1プロジェクト計画:コンテナネットワークセグメン...
1. HTMLページの文字セットを指定する2つの方法方法1: <メタ文字セット="u...
一般的に言えば、HTML ドキュメント内で極端に大きな <ol> リストに遭遇する可能性...
NC のフルネームは Netcat (Network Knife) で、作成者は Hobbit &a...
実は、最近はウェブデザインについてよく耳にするようになりました。インターネット業界は今とても発展して...
目次スロットとは何かデフォルトスロットの理解コードスニペット要約するスロットとは何かスロットは、親コ...
目次1. Dockerイメージ2. 既存のイメージに基づいてインスタンスを作成する3. ローカルテン...
インデックス拡張: InnoDB は、プライマリ キー列をそのインデックスに追加することで、各セカン...
ローカル データベースに接続すると、Navicat for MySQL は以下のように 1045 エ...
1 MySQLをダウンロードするダウンロードアドレス: http://downloads.mysq...
誤って source.list の内容を変更し、一連のエラーが発生した場合は、デフォルトのソース フ...
この記事では、例を使用して、MySQL データベースの最適化のためのテーブルおよびデータベース シャ...
一緒に学びましょう1. 伝統的な方法コードをコピーコードは次のとおりです。 <object c...
1. 公式サイト http://dev.mysql.com/downloads/mysql/ から ...
遅延読み込みを使用しない 'vue' から Vue をインポートします。 '...