Neue Weblayout -Ideen für 2015

Vier aufkommende Trends im Weblayout im Jahr 2015: Split-Bildschirm, Container-freie Layout-, Block-Gitter- und Single-Screen-Websites

Schlüsselpunkte:

• Der Artikel zeigt auf die vier wichtigsten Weblayout-Trends, die 2015 entstanden sind: geteilte Bildschirm-, Container-Layout-, Block-Gitter- und Einzelbild-Websites.
• Split Screen-Layout wird verwendet, um zwei gleich wichtige Funktionen oder Konzepte der Dualität hervorzuheben, während sich das Container-freie Layout auf Inhalt konzentriert, wobei Farbe und Typografie verwendet werden, um Hierarchien und nicht selbst Strukturen zu erstellen.
• Block Grid ist ein vielseitiges Tool zum Erstellen von reaktionsschnellen Websites mit Modulen, die entsprechend der Bildschirmgröße angepasst werden können. Die Verwendung dieses Layouts zur Unterscheidung von Inhalten kann jedoch eine Herausforderung sein.
• einzelne Bildschirmwebsites sind hauptsächlich an das Hintergrundbild des Bildschirms angepasst, normalerweise mit minimalistischem Design und ohne Scroll-Balken. Aufgrund des begrenzten Platzes erfordert dieses Layout eine klare Inhaltshierarchie.

Jedes Jahr erscheinen

neue Webdesignkonzepte, während einige alte Trends allmählich verschwinden. In den nächsten Monaten werden wir zweifellos eine vorübergehende Erhöhung der Popularität von Videogründen, Fliesen und animierten Storybooks sehen, um nur einige zu nennen.

Auf der anderen Seite ist es fast sicher, dass reaktionsschnelles Webdesign, das bereits 2010 entstanden ist, noch einige Zeit im Mittelpunkt unseres Designs bleibt.

Dies bedeutet natürlich nicht, dass sich alle Webseiten einer gemeinsamen standardisierten Struktur zuwenden müssen. Im Gegenteil, es gibt möglicherweise mehr Raum für Differenzierung, Flexibilität und Experimentieren als zuvor.

Wir haben vier Trends oder Gesamtpläne identifiziert, von denen wir glauben, dass sie das Layout -Design im kommenden Jahr dominieren werden. Sie können sich von diesen Modellen inspirieren lassen, aber das beste Design wird normalerweise produziert, wenn Sie Inspiration als Ausgangspunkt für Ihre Kreativität verwenden.

Folgende sind diese Trends.

Split -Bildschirm -Layout

Wenn wir "Split Screen" nennen, ist eine Website, auf der Bildschirme normalerweise in zwei Teile unterteilt sind (normalerweise die gleiche Größe).

Es gibt zwei Hauptgründe für die Aufteilung der Seiten wie folgt:

Zeigen Sie zwei wichtige Funktionen.
drücken Sie das Konzept der Dualität aus.

Die erste Situation tritt normalerweise auf, wenn ein Unternehmen ein Produkt oder eine Dienstleistung mit zwei gleich wichtigen Merkmalen oder Varianten fördern muss. Da Websites häufig Elemente in Bezug auf Wichtigkeit stapeln, ist in diesem Fall ein traditionelleres Layout möglicherweise nicht angemessen.

Andererseits kann das Teilen des Bildschirms in zwei Spalten der beste Weg sein, um zwei verschiedene Aspekte desselben Systems zu präsentieren (z. B. ein Publishing -System, das sowohl Verlage als auch Lesern von Vorteil ist).

Auf diese Weise besteht keine Notwendigkeit, zwischen wichtigen und geringfügigen Merkmalen zu unterscheiden, und die Leser werden sofort auf wichtige Inhalte achten.

Der zweite Grund beruht auf der Tatsache, dass Designer manchmal das Konzept der Dualität vermitteln müssen. In diesem Fall erzeugt das Teilen des Bildschirms in zwei Teile zwei Räume, in denen Sie sich auf verschiedene Themen oder sogar zwei verschiedene Produkte konzentrieren können.此外，这种风格使您能够突出某种现实的相反特征。

DeskTime https://www.php.cn/link/d45b6d92e35ff59d3f5a1861e431d581

Das erste Beispiel, das wir sehen werden, ist die Homepage of DeskTime, ein Unternehmen, das im Bereich der Bürofreigabe tätig ist. Sie teilen die Seite in zwei Teile, um den Bedürfnissen sowohl derjenigen zu erfüllen, die das Büro bereits besitzen, als auch diejenigen, die danach suchen.

Daher verwenden sie "vertikale Segmentierung", um die gleiche Zeit wie zwei gleich wichtige Merkmale in ihrem Dienst zu erhalten. Der Stil, den sie anwenden, ist effektiv und praktisch und sehr prägnant und klar. gut gemacht!

Hinweis: Acht und vier wurden neu gestaltet, seit ich diesen Screenshot gemacht habe.

acht und vier https://www.php.cn/link/AD100897c6f809081d942836af421f86

Das zweite Beispiel stammt von acht und vier, einem digitalen Marketingunternehmen. Ihre Homepage ist auch in zwei Teile unterteilt, wobei das Design auf dem Kontrast zwischen weißen und flachen Farben basiert. Die Abteilung hier wird verwendet, um all die verschiedenen Funktionen des Unternehmens auszudrücken.

Der Stil "vertikaler Segmentierung" hängt auch von der Existenz von "&" ab, wodurch der Segmentierungseffekt schwächt.

Containerloses Layout

Fast seit Beginn des Designs verwenden Designer Elemente wie Kisten, Formen und Linien, um Inhalte in das Design zu teilen und aufzunehmen. Überlegen Sie sich beispielsweise, wie der Titel oder die Fußzeile immer so ausgelegt ist, dass sie visuell vom Rest des Inhalts getrennt sind.

Es entsteht ein neuer Trend mit der Kernidee, um eine grafische Struktur zu beseitigen und sich einem freieren und offeneren Stil zuzuwenden.

Dieser Trend hat eine gewisse Gemeinsamkeit mit Minimalismus, geht aber noch einen Schritt weiter. In der Tat verwendet Minimalismus normalerweise immer noch einfache, lineare Strukturen, und dieser neue "Containerless" -Stil streift jede visuelle Verpackung vollständig durch.

Der Inhalt selbst wird zum Mittelpunkt der Aufmerksamkeit, und die Hierarchie der Informationen wird durch Farbauswahl, Ort und nachdenkliche Typografie und nicht durch Rahmen und Struktur bestimmt.

Vorwort https://www.php.cn/link/93bb49ede783ed9c09b650c9234be21a

Wie Sie auf der Homepage sehen können, ist Forewort eine interaktive Agentur mit Sitz in New York und Paris. Auf ihrer Website werden alle Elemente enthalten, und die Aufmerksamkeit des Benutzers wird hier auf Farben und Schriftarten konzentriert.

Insbesondere

nutzen sie eine Typografie gekonnt, um die wichtigsten Unternehmensinformationen bereitzustellen. Farben werden hauptsächlich verwendet, um andere klickbare Klänge hervorzuheben.很明显，这个网站除了在各个方面都具有响应性之外，还极其简洁。

块状网格

Wir müssen hier nicht darauf hinweisen, dass Gitterstrukturen ein sehr effektiver Weg sein können, um reaktionsschnelle Websites zu erstellen. In diesem Fall enthält jedes Modul spezifische Inhalte, z. B. einen Titel, ein Bild oder einen Text.

Module werden normalerweise auf der Startseite einer Website verwendet, können jedoch auf anderen Seiten entwickelt werden, um den Anforderungen zu erfüllen.

Jedes Modul ist so konzipiert, dass es flexibel ist und sich an die Bildschirmgröße anpasst. Dies macht ein leistungsstarkes "Gitterlayout" zu einem sehr vielseitigen Tool, das auf Websites und mobilen Anwendungen gleichermaßen effizient verwendet werden kann.

Eine der Herausforderungen bei diesem Ansatz besteht jedoch darin, dass es schwierig sein kann, zwischen den interessantesten Inhalten älterer, weniger wichtiger Projekte zu unterscheiden, wenn Sie viele Module derselben Größe erstellen.

Wenn viele Blöcke gleich groß sind, wird die Aufmerksamkeit des Benutzers möglicherweise nicht von einem bestimmten Element angezogen. Um dieses Problem zu vermeiden, besteht ein neuer Ansatz darin, Module unterschiedlicher Größen zu erstellen, basierend auf dem, was das Modul enthält.

Hinweis: Größen wurden auch neu gestaltet, seit ich diesen Screenshot gemacht habe.

Größen https://www.php.cn/link/2fe37bd25993870f5a38563dd25b1d05

Größen ist ein in New York ansässiges Unternehmen, das Herrenschuhe hauptsächlich über seine Website verkauft. Ihre Website ist ihr Anzeigefenster, daher wurde jedes Detail sorgfältig untersucht und in Betracht gezogen.

"Größen" wählt die Praktikabilität des Netzlayouts. Sie stapeln ihre Heimseiten in Modulreihen, die jeweils ein Paar Schuhe enthalten. Alle Module sind ähnlich und ihre Formen sind implizit und nicht streng markiert. Tatsächlich werden Benutzer ermutigt, etwas anderes als Schuhdisplays zu ignorieren.

Single-Screen-Website

Der letzte Trend, den wir in den letzten 6 Monaten gesehen haben, sind die Websites, die sich auf Reaktionsabschnitte konzentrieren und sich immer an das Hintergrundbild des Bildschirms anpassen. Oft sind diese Standorte sehr präzise und tendieren sicherlich zu einem minimalistischen Designgefühl.

ist jedoch das ikonische Merkmal dieses Entwurfstrends, dass sie an Scrollbars mangeln: Mit anderen Worten, diese Websites verfolgen fast immer einen "einseitigen Anwendungsansatz" für ihre Benutzeroberfläche.

Aufgrund des begrenzten verfügbaren Inhaltsraums sollten Designer eine sehr klare Inhaltshierarchie berücksichtigen und besonders anspruchsvoll sein, wenn weniger relevante Informationen aufgenommen werden.

In den meisten Fällen dominieren Bilder (oder sogar Videos) das Design und lassen nur sehr begrenzte Platz für andere Designideen. Es kann Produkte präsentieren oder einfach verwendet werden, um eine emotionale, filmische Atmosphäre hervorzurufen. Shamballa Jewels

https://www.php.cn/link/885ca3d99fd35f509a2aa0130e8bf64f

"Shamballa Jewels" ist ein Unternehmen, das eine Reihe von Schmuck verkauft. Die Website verfügt über eine Startseite, die aus einer einzigartigen Seite besteht, auf der einige ihrer Arbeiten angezeigt werden. Es gibt keine Scroll -Bars, und die Navigation der Website wird vom Menü oben auf dem Bildschirm bereitgestellt.

Was ich an dieser Website wirklich mag, ist, dass sich der Hintergrund ständig ändert. Tatsächlich erscheinen Bilder, die für den gesamten Raum geeignet sind, abwechselnd mit vertikalen geteilten Bildschirmen.

Das obige Beispiel zeigt, dass ein großes, effektives Design nicht an die 4 oder 5 häufigsten Layoutmuster gebunden sein muss, die wir sehen. Jeder widersetzt sich dem Drang, mit der Vertrautheit und Sicherheit des beliebten Netzes/der von uns sehenen Rahmen zu beginnen - und erzielt als Ergebnis großartige Ergebnisse.

Bedeutet dies, dass häufigere Weblayouts nicht funktionieren?

natürlich nicht. Aber wie Mark Twain sagte: „Für die Person, die den Hammer hält, sieht alles aus wie ein Nagel.“

Stellen Sie sicher, dass Sie Nägel sehen.

(Folgendes ist ein Pseudo-Original-Werk im ursprünglichen FAQ

Häufig gestellte Fragen zum Web -Layout -Design

F: Was sind die Trends im modernen Web -Layout -Design?

a: Der Trend des modernen Web -Layout -Designs entwickelt sich ständig und verändert sich. Einige beliebte Trends sind minimalistisches Design, asymmetrisches Layout, Split-Screen-Layout und Mobilfunk-Design. Diese Trends konzentrieren sich darauf, benutzerfreundliche Erfahrungen zu erstellen, die einfache Navigation und ansprechende Inhalte bieten. Sie betonen auch die visuelle Anziehungskraft und verwenden mutige Farben, einzigartige Typografie und hochwertige Bilder und Videos.

F: Wie kann mein Website -Layout attraktiver werden?

A: Um Ihr Website -Layout attraktiver zu machen, achten Sie bitte auf die Benutzererfahrung. Dies kann durch sichergestellt werden, dass Ihre Website leicht zu navigieren ist und klare Menüs und Links enthält. Verwenden Sie hochwertige Bilder und Videos, um die Aufmerksamkeit der Benutzer zu erregen. Stellen Sie außerdem sicher, dass Ihre Inhalte für Ihre Zielgruppe relevant und unterhaltsam sind. Das Einbeziehen interaktiver Elemente wie Tests oder Abstimmung kann auch das Engagement erhöhen.

F: Welche Bedeutung hat das mobile Design im Weblayout?

A: Mobile-First-Design ist eine Designstrategie, die das Design für mobile Geräte und dann für Desktop oder andere Geräte priorisiert. Dies ist wichtig, da immer mehr Menschen ihre mobilen Geräte verwenden, um auf das Internet zuzugreifen. Mobile-First Design stellt sicher, dass Ihre Website gut aussieht und auf allen Geräten gut funktioniert und eine bessere Benutzererfahrung bietet.

F: Wie kann man Farben im Web -Layout -Design effektiv verwenden?

A: Die Farbe spielt eine entscheidende Rolle im Web -Layout -Design. Es kann Emotionen festlegen, Emotionen vermitteln und sogar das Benutzerverhalten beeinflussen. Um farben effektiv zu verwenden, berücksichtigen Sie Ihre Markenidentität und Zielgruppe. Wählen Sie eine Palette, die Ihre Marke widerspiegelt und Ihr Publikum einbezieht. Verwenden Sie kontrastierende Farben als Text und Hintergrund, um die Lesbarkeit zu gewährleisten. Verwenden Sie außerdem Farben, um wichtige Elemente oder Informationen auf der Website hervorzuheben.

F: Welche Rolle spielt das Typensatz im Web -Layout -Design?

a: Das Typensatz ist ein wesentliches Element im Weblayout -Design. Es vermittelt nicht nur Informationen, sondern legt auch den Ton und die Persönlichkeit der Website fest. Wählen Sie Schriftarten, die leicht zu lesen sind und Ihren Markenstil widerspiegeln. Verwenden Sie verschiedene Schriftgrößen und Dicken, um Hierarchien zu erstellen und die Aufmerksamkeit der Benutzer zu lenken. Stellen Sie außerdem sicher, dass zwischen Text und Hintergrund genügend Kontrast besteht, um die Lesbarkeit zu gewährleisten.

F: Wie füge ich dem Web -Layout -Design Multimedia -Elemente hinzu?

A: Multimedia -Elemente wie Bilder, Videos und Audio können die Benutzererfahrung verbessern und Ihre Website attraktiver machen. Verwenden Sie Qualitätsbilder und Videos, die sich auf Ihren Inhalt beziehen. Erwägen Sie, Hintergrundvideos oder Animationen zu verwenden, um das visuelle Interesse zu erhöhen. Verwenden Sie außerdem Audio mit Vorsicht und stellen Sie den Benutzern Kontrollfunktionen wie Wiedergabe, Pause oder Anpassungsvolumen zur Verfügung.

F: Was sind einige häufige Fehler im Web -Layout -Design, die vermieden werden sollten?

A: Einige häufige Fehler, die im Web -Layout -Design vermieden werden sollten, sind chaotische Layouts, schlechte Navigation, übermäßige Schriftarten oder Farben und nicht für mobile Geräte optimiert. Vermeiden Sie auch Bilder oder Videos mit geringer Qualität und stellen Sie sicher, dass Ihr Interieur leicht zu lesen und zu verstehen ist.

F: Wie verbessert ich die Benutzerfreundlichkeit meines Website -Layouts?

A: Um die Benutzerfreundlichkeit Ihres Website -Layouts zu verbessern, stellen Sie sicher, dass Ihre Website leicht zu navigieren ist und klare Menüs und Links enthält. Verwenden Sie konsistente Layout- und Designelemente auf der gesamten Website. Stellen Sie außerdem sicher, dass Ihre Website schnell geladen wird und für mobile Geräte optimiert ist. Bietet Zugänglichkeitsfunktionen für Benutzer mit Behinderungen, z. B. alternativer Text für Bilder und Untertitel für Videos.

F: Welche Rolle spielt der White -Space im Web -Layout -Design?

a: Weißer Raum oder negativer Raum ist der Raum zwischen Elementen im Design. Es kann verwendet werden, um Gleichgewicht zu erzeugen, die Aufmerksamkeit der Benutzer zu leiten und die Lesbarkeit zu verbessern. Das Verlassen des leeren Platzes kann auch Ihr Design einfach und modern aussehen lassen. Verwenden Sie jedoch unbedingt die Whitespace strategisch und lassen Sie nicht zu viel Platz, um zu vermeiden, dass Ihr Design unvollständig aussieht.

F: Wie kann ich meinen Web-Layout-Design neuartig und aktuell halten?

A: Um Ihr Webseiten-Layout-Design neuartig und aktuell zu halten, bleiben Sie über die neuesten Designtrends und Technologien auf dem Laufenden. Aktualisieren Sie Ihre Inhalte regelmäßig, um Ihr Publikum relevant und lustig zu machen. Erwägen Sie auch, Ihre Website alle paar Jahre neu zu gestalten, um sie modern und attraktiv zu halten.

Das obige ist der detaillierte Inhalt vonNeue Weblayout -Ideen für 2015. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!