Was sind die 8 häufigsten Arten von Webseiten-Layouts?

青灯夜游
Freigeben: 2021-06-10 15:31:50
Original
27579 Leute haben es durchsucht

8 gängige Arten von Webseitenlayouts: 1. „国“-Layout; 3. Titeltext-Layout; 6. „口“-Layout; . Symmetrisches Kontrastlayout; 8. POP-Layout.

Was sind die 8 häufigsten Arten von Webseiten-Layouts?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Die meisten Websites haben unterschiedliche Stile, aber die Layouts haben alle bestimmte Regeln. Es gibt acht gängige Website-Layoutformen, nämlich „国“-Layout, Ecklayout, Titeltext-Layout und „T“-Strukturlayout, „Mund“. „Layout, symmetrisches Kontrastlayout, POP-Layout. Lassen Sie uns diese acht gängigen Arten von Webseitenlayouts nacheinander vorstellen.

1. „国“-Schriftartlayout

Dieses Layout ist weit verbreitet und wird häufig von einigen großen Websites verwendet. Sein Merkmal ist, dass es standardisiert ist und der Inhalt von oben nach unten verläuft. Oben auf der Webseite befinden sich das Titelbanner und die Navigationsleiste, und unten befinden sich die relevanten Inhaltsinformationen der Website, z. B. Chinaren, 163, Sina und andere Websites.

2. Ecklayout

Das Merkmal dieses Layouts besteht darin, Links zu relevanten Inhalten auf der linken oder rechten Seite der Webseite zu platzieren, und auf der anderen Seite befinden sich relevante Textinformationen. Über der Website befindet sich das Titelbanner oder die Hauptinhaltsnavigation Bar, wie zum Beispiel eine Campus-Website warten.

3. Titeltext-Layout

Es zeichnet sich dadurch aus, dass zusätzlich zum Titel Text verwendet wird. Einige Fachartikel, Romanseiten oder Registrierungsseiten fallen in diesen Typ.

4. Cover-Layout

Es zeichnet sich dadurch aus, dass die Homepage der Website aus einigen exquisiten und kreativen Mustern in Kombination mit einigen kleinen Animationen besteht. Auf der Seite gibt es keine Navigationsleistenanzeige, sondern nur einfache „Eingabe“ und andere Links: Dieses Layout wird im Allgemeinen auf Design-Websites wie Designforen, Designfirmen, persönlichen Websites usw. verwendet, da dieses Layout sorgfältiges Design erfordert und den Menschen ein wunderbares visuelles Gefühl vermittelt.

5. „T“-Strukturlayout

Das sogenannte „T“-Strukturlayout bezieht sich auf die Kombination der oberen und linken Seite der Webseite. Der obere Teil der Seite ist das horizontale Website-Logo und das Werbebanner Unten links befindet sich das Hauptmenü und rechts wird der Inhalt angezeigt. Dies ist die am häufigsten verwendete Layoutmethode im Webdesign. Im tatsächlichen Design kann auch die Form des „T“-Strukturlayouts geändert werden.

Zum Beispiel ein zweispaltiges Layout links und rechts, wobei die Hälfte aus Text und die andere Hälfte aus visuellen Bildern und Navigation besteht. Oder der Haupttext wird in zwei Spalten angeordnet, die sich durch die Hintergrundfarbe unterscheiden, und Bilder und Text werden getrennt platziert.

Ein solches Layout hat seine inhärenten Vorteile, da die Aufmerksamkeit der Menschen hauptsächlich auf die untere rechte Ecke gerichtet ist, sodass die meisten Briefe, die Unternehmen an Benutzer veröffentlichen möchten, von den Benutzern am besten erhalten werden können, und zweitens ist es sehr praktisch , die Seitenstruktur ist klar, klare Prioritäten und einfach zu bedienen. Der Nachteil ist, dass die Regeln starr sind und wenn man nicht auf Details und Farben achtet, kann es schnell „langweilig“ werden.

6. „Mund“-Layout

Dies ist eine anschauliche Art zu sagen, dass sich oben und unten auf der Seite ein Werbebanner befindet, links das Hauptmenü, rechts benutzerfreundliche Links usw der Hauptinhalt in der Mitte.

Der Vorteil dieses Layouts besteht darin, dass die Seite umfangreich ist, der Inhalt reichhaltig ist und die Menge an Informationen groß ist. Es handelt sich um ein häufig verwendetes Layout für umfassende Websites. Das Besondere ist die Reihe kleiner Symbole oben Das Zentrum spielt eine Rolle bei der Aktivierung der Atmosphäre.

Der Nachteil ist, dass die Seite überfüllt und nicht flexibel genug ist. Es gibt auch fensterartige Designs, bei denen die vier Seiten leer bleiben und nur die Mitte verwendet wird. Beispielsweise verwendet die NetEase-Hintergrundbild-Website ein Multi-Frame-Format. Nur der mittlere Teil der Seite kann gescrollt werden, und die Benutzeroberfläche ist ähnlich eine Spieloberfläche. Mehrdimensionale Gaming-Unterhaltungswebsites, die diese Art von Layout verwenden.

7. Symmetrisches Kontrastlayout

Wie der Name schon sagt, bezieht es sich auf ein symmetrisches Links-Rechts- oder Oben-Unten-Layout, halb dunkel und halb hell, das im Allgemeinen für Design-Websites verwendet wird. Sein Vorteil ist die starke visuelle Wirkung, sein Nachteil besteht jedoch darin, dass es schwierig ist, die beiden Teile organisch zu kombinieren.

8. POP-Layout

POP kommt vom Werbebegriff, was bedeutet, dass das Seitenlayout wie ein Werbeplakat ist, mit einem schönen Bild als Designzentrum der Seite. Die Vorteile werden oft auf Mode-Websites verwendet und liegen auf der Hand: schön und attraktiv, aber der Nachteil ist die langsame Geschwindigkeit.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !

Das obige ist der detaillierte Inhalt vonWas sind die 8 häufigsten Arten von Webseiten-Layouts?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!