Die Darstellung und Öffnungsmethode eines Hyperlinks
|
<br />Verwandte Artikel: So rufen Sie einen Hyperlink auf und öffnen ihn Manifestation <br />Die von Benutzern oder Designern festgestellten Probleme: 1. Benutzer können nicht erkennen, ob es sich um einen Link handelt oder nicht. Sie müssen die Maus über das Ziel bewegen und warten, bis es die Form einer Hand annimmt, um zu bestätigen, dass es sich um einen Link handelt. 2. Eine einheitliche Linkfarbe ist für das Interface-Design nicht förderlich. analysieren: Die von Baidu/Google dargestellte blaue Unterstreichung ist der klassischste Linkstil, der direkt widerspiegelt, ob er anklickbar ist/angeklickt werden kann. Allerdings haben verschiedene Websites ihre eigenen Stile und es ist unmöglich, ihnen allen den gleichen Link-Stil zu verleihen, was das Design stark einschränken würde. Ich unterteile Links in empfohlene Klicks (Artikeltitel usw.), sofortige Klicks (Autorenname, „Mehr“, Links innerhalb von Absätzen usw.) und funktionale Links (Navigation, Schaltflächen usw.). Lösung: Es wird empfohlen, anklickbare Links zu verwenden und eine Standard-Linkfarbe festzulegen, sodass die Benutzer sofort erkennen, dass es sich um einen anklickbaren Link handelt, wenn sie eine Schrift in dieser Farbe (z. B. Blau) sehen. Stellen Sie sicher, dass diese Farbe dunkler als die normale Textfarbe ist, damit sie leichter zu unterscheiden ist. Um anklickbare Links zu kennzeichnen, sollte die Farbe solcher Links häufig der des umgebenden Textes entsprechen, daher ist eine Unterstreichung die beste Möglichkeit. Funktionale Links, wie Navigationslinks und Buttons, sind auf den ersten Blick anklickbar und müssen nicht durch Farbe oder Unterstreichung hervorgehoben werden. Sie können individuell angepasst werden. So öffnen Sie <br />Probleme, auf die Benutzer gestoßen sind: 1. Es gibt zu viele Popup-Fenster, die den gesamten Bildschirm ausfüllen und sogar den Computer einfrieren. 2. Alle Sprünge erfolgen auf diese Seite. Wenn Sie andere Inhalte auf der vorherigen Seite anzeigen möchten, müssen Sie zurückgehen. analysieren: Die meisten herkömmlichen Websites bevorzugen Popup-Links, die den Bildschirm des Benutzers belegen, während 2.0-Websites lieber zur aktuellen Seite springen und Popups als sehr benutzerfreundlich empfinden. Warum sollten Benutzer zur vorherigen Seite gehen, um auf einen anderen Link zu klicken? Weil die aktuelle Seite keinen Link zur vorherigen Seite hat oder die vorherige Seite filterbare Inhalte der gleichen Ebene hat, beispielsweise eine Artikelliste. Die Seite lässt sich idealerweise öffnen, indem Sie zu dieser Seite springen oder eine neue Registerkarte öffnen. Lösung: Links in einer Liste, beispielsweise einer Gruppe von Nachrichtenüberschriften, werden in einem Popup-Fenster geöffnet. Funktionale Links wie Navigation, Kategorien, Seitennummerierung, „Mehr“ und ähnliche Links öffnen ein Fenster, um zu dieser Seite zu springen. Externe Links, wie etwa Textlinks in benutzerfreundlichen Linkabsätzen, werden zum Öffnen über Popup-Fenster geöffnet. Benutzer können es wahlweise öffnen, indem sie mit der rechten Maustaste klicken und „In neuem Tab öffnen“ auswählen oder den Browser auf „Popup-Fenster immer in neuem Tab öffnen“ einstellen. |
<<: Einfaches Beispiel für den Grenzwertparameter der MySQL-Paging
>>: Zwei Möglichkeiten zum Beenden von Bash im Docker-Container unter Linux
Artikel empfehlen
CSS simuliert Float, um den Effekt eines zentrierten Textes zu erzielen, der das Bild links und rechts umgibt
Was ist Textumbruch um Bilder? Dies ist die Auswi...
Lernprogramm für HTML-Webseitenlisten-Tags
Lernprogramm zum Erlernen von Listen-Tags für HTML...
Lernunterlagen zum Schreiben des ersten Vue-Programms
Inhaltsverzeichnis 1. Schreiben Sie ein HTML, das...
Eine einfache Methode zum Zusammenführen und Entfernen doppelter MySQL-Tabellen
Szenario: Die gecrawlten Daten erzeugen eine Date...
Vue.js verwaltet die Kapselung von Hintergrundtabellenkomponenten
Inhaltsverzeichnis Problemanalyse Warum Kapselung...
Beispielcode zur Implementierung eines 3D-Bucheffekts mit CSS
Schauen wir uns zunächst ohne Umschweife die Rend...
Vue implementiert das Senden von Emoticons im Chatfenster
Der spezifische Code zum Senden von Emoticons im ...
Windows 10 und MySQL 5.5 installieren und verwenden ohne Installation ausführliches Tutorial (Bild und Text)
Dieser Artikel stellt die Installation und Verwen...
Docker erstellt ein benutzerdefiniertes Netzwerk, um eine feste Container-IP-Adresse zu erhalten
Aufgrund des Standard-Bridge-Netzwerks ändert sic...
So installieren Sie PostgreSQL11 auf CentOS7
Installieren Sie PostgreSQL 11 auf CentOS 7 Postg...
So implementieren Sie geplante MySQL-Aufgaben zur Datensicherung unter Linux
Vorwort Backup ist die Grundlage der Notfallwiede...
So zeigen Sie den Startparameterbefehl „Docker Run“ an (empfohlen)
Verwenden Sie runlike, um die Docker Run-Startpar...
MySQL Dual-Machine Hot-Standby-Implementierungslösung [testbar]
Inhaltsverzeichnis 1. Konzept 2. Umgebungsbeschre...
Rückgängigmachen der Anmeldung in MySQL
Konzepteinführung: Wir wissen, dass das Redo-Log ...
Starten Sie eine lokale Kubernetes-Umgebung mit Kind und Docker
einführen Haben Sie schon einmal einen ganzen Tag...