Heutzutage werden Registerkarten häufig im Webdesign verwendet, sie werden jedoch im Allgemeinen in die folgenden zwei Typen unterteilt: Die erste Art ist das Umschalten per Mausklick. In diesem Fall verfügt die Registerkarte über keinen Link (fügt aber einen „Mehr“- oder „Mehr“-Link im ausgewählten Registerkartenbereich hinzu). Der zweite Typ ist das Umschalten beim Mouseover. In diesem Fall wurden vielen Registerkarten Links hinzugefügt, sodass ein „Hover“ wirksam werden sollte, d. h., es wird ein „Folien nach unten“ oder eine Farbaufforderung angezeigt, wenn die Maus angedockt ist. Tatsächlich entspricht dies auch der Praxis der Designphilosophie von Norman, den Benutzern entsprechendes Feedback zu geben. Fall 1 : Die US-Startseite von Yahoo gehört zum Design der ersten Registerkarte, achten Sie jedoch auf das Feld in der unteren rechten Ecke.
| |
![]() |
Der erste Reiter ist so gestaltet, dass er per Mausklick umgeschaltet werden kann, ohne weitere Links. (Spitze)
![]() |
Das Design der zweiten Registerkarte ist ein schwebender Schalter, aber es gibt kein „a:hover“ für die Rückmeldung zu den Links auf der Registerkarte. (Wohnung)
![]() |
Das dritte Registerkartendesign ist ein schwebender Schalter, der einen Hover-Feedback-Link auf der Registerkarte hinzufügt. (Spitze)
Fall drei : QQ-Popup-Fenster.
![]() |
Das unbeliebteste QQ-Popup-Fenster. Auf der Registerkarte gibt es kein Link-Feedback. Ich glaube, dass auf diese Weise viel Verkehr auf qq.com unschuldig betrogen wird. (Wohnung)
Fügen Sie einen Absatz ein: Ich hatte schon immer einige Beschwerden über das Design der QQ-Popup-Fenster. Ein Bereich, der nur 5 Tabs aufnehmen kann, fasst tatsächlich indirekt 7, sodass ein Design zum Scrollen der Tabs nach links und rechts erforderlich ist. Und wie groß ist der tatsächliche Wert des Hinzufügens einer scheinbar unbedeutenden, aber auffälligeren Sache [Sie können die Seitenkarte zum Sortieren ziehen]?
<<: So verwenden Sie Umgebungsvariablen in der Nginx-Konfigurationsdatei
>>: css3-Animation, Ballrollen, js-Steuerung, Animationspause
Vorwort Vor vielen Jahren war ich ein Neuling auf...
Dieser Artikel teilt den spezifischen Code des er...
Manche Webseiten erscheinen möglicherweise nicht ...
Ziel: Erstelle ein Quadrat, dessen Seitenlänge gl...
echarts Wortwolke ist eine Erweiterung von echart...
Laden Sie zunächst das Diagramm herunter 1. Deins...
Inhaltsverzeichnis 1. Betrieb der Datenbank 1.1 E...
In diesem Artikel wird der spezifische Code zum S...
Inhaltsverzeichnis 1. Was zu debuggen ist 2. Funk...
Inhaltsverzeichnis Überblick Typzusicherungen in ...
Die Breite des übergeordneten Containers ist fest...
Heute habe ich einen dynamischen Fensterstil für d...
Inhaltsverzeichnis Der Ursprung von JSBridge Das ...
Inhaltsverzeichnis Mixins-Implementierung Zusamme...
Ein Satz zur Einführung von HOC Was ist eine Komp...