Zusammenfassung der Designtipps und zu beachtenden Punkte

Dieser Artikel enthält hauptsächlich 12 HTML5-Designtipps, die nicht jedem bekannt sind. Ich glaube, Sie werden auf jeden Fall etwas damit anfangen können. 12 HTML5-Designtipps, die nicht jedem bekannt sind. Der Inhalt lautet wie folgt: 1. Verwenden Sie in Bezug auf die Interaktion die richtige Schiebebetriebsmethode mit Vorsicht. Zum Beispiel: Rubbeleffekt, Verschieben nach links und rechts zum Umblättern usw. Grund: Auf Apple-Handys kann das Schieben nach rechts leicht den Effekt einer Rückkehr zur „vorherigen Seite“ auslösen. 2. Verwenden Sie im Hinblick auf die Interaktion die horizontale Bildschirmanzeige mit Vorsicht. Grund: Aus Erfahrungsgründen muss das Benutzergerät die Bildschirmdrehfunktion aktivieren, um es normal anzusehen, und die Betriebskosten des Benutzers sind hoch. Bei Mobiltelefonen mit unterschiedlichen Bildschirmen ist das Seitenverhältnis unterschiedlich, was es schwierig macht, die besten visuellen Effekte anzuzeigen. 3. Optisch sind Funktionsschaltflächen usw. weit vom unteren Rand der Seite entfernt (ca. 128 Pixel, diese Größe ist kein fester Z-Wert. Dies hängt von der für die Rekonstruktion verwendeten Anpassungsmethode ab (nur als Referenz: 640 * 1136). px, von oben nach unten berechnet, hauptsächlich Inhalt innerhalb von 1008px). Grund: Bessere Ausstattung von Mobiltelefonen mit verschiedenen Bildschirmen, um das Blockieren von Tasten zu vermeiden. 4. Verwenden Sie visuell den „Lichtüberlagerungseffekt“ oder den „Ebenenstil“-Effekt in PS mit Vorsicht. Zum Beispiel: Fügen Sie der Ebene „sanftes Licht“, „Filterfarbe“, „Farbton“ usw. hinzu

1 Detaillierte Einführung in 12 HTML5-Designtipps (Bilder und Text)

Einführung: Dieser Artikel enthält hauptsächlich 12 HTML5-Designtipps, die meiner Meinung nach nicht jedem bekannt sind wird auf jeden Fall etwas gewinnen. Interessierte Freunde können sich auf

2 beziehen 🎜>Einführung: Designtipps im CSS-Stil (horizontale Zentrierung, vertikale Zentrierung)

3. Super praktisch! 12 wenig bekannte HTML 5-Designtipps_html/css_WEB-ITnose

Einführung: Super praktisch! 12 wenig bekannte HTML 5-Designtipps

4. 12 wenig bekannte HTML 5-Designtipps_html/css_WEB-ITnose

Einführung: 12 wenig bekannte HTML 5-Designtipps

Das obige ist der detaillierte Inhalt vonZusammenfassung der Designtipps und zu beachtenden Punkte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!