Einen Trend entdecken
Die Webdesign -Welt ist ein lebendiger Wandteppich der Kreativität. Unzählige atemberaubende Websites zeigen die Talente von Designern und Entwicklern. Es entstehen jedoch zwangsläufig bestimmte Designtrends, die häufig aus gemeinsamen UI -Frameworks oder gegenseitiger Bewunderung erfolgreicher Websites herrühren. In letzter Zeit habe ich ein wiederkehrendes Motiv bemerkt: Blobby Formen.
Diese organischen Formen verleihen eine spielerische Note, besonders vorteilhaft für flache Designs, die einen Farbtupfer oder einen visuell ansprechenden Schwerpunkt benötigen. Ich habe diesen Trend aus erster Hand beobachtet und während meines regulären Surfens über eine Woche unbeabsichtigt zahlreiche Beispiele gesammelt.
Ich kritisiere diesen Trend nicht. Im Gegenteil, ich finde es attraktiv und überlegte sogar seine Verwendung in einem kommenden Projekt. Viele der Beispiele, die ich gesehen habe, sind wirklich schön.
Die Verwendung von Blobby -Formen erfordert jedoch effektiv sorgfältig:
- Textlehrbarkeit: Gewährleisten Sie einen ausreichenden Kontrast zwischen Text und Blobfarbe, insbesondere wenn dunkle Blobs vor einem hellen Hintergrund platziert werden. Priorisieren Sie die WCAG 2.1 AA -Einhaltung der Lesbarkeit.
- Farbharmonie: Während ein einzelner bunter Blob effektiv sein kann, vermeiden Sie das Design mit einer chaotischen Mischung aus lebendigen Farbtönen. Ein Regenbogen von Blobs riskiert, ablenkend zu werden und kann zugänglichen Herausforderungen darstellen. Subtilität ist der Schlüssel.
- Jenseits der Farbe: Blobby -Formen sind nicht auf Hintergrundakzente beschränkt. Sie können Bilder kreativ maskieren oder formen und eine eindeutige visuelle Dimension hinzufügen. Die Fähigkeit, Bilder direkt in SVGs einzubetten und sie mit Pfaden zu maskieren, eröffnet spannende Möglichkeiten.
- Vielseitige Anwendungen: Ihre Verwendung erstreckt sich über den Hintergrund hinaus. Zum Beispiel habe ich innovative Anwendungen wie die Verwendung von Blobs als Registerkarten gesehen, wie auf der Topcoder -Website gezeigt.
Dieser Trend lässt mich darüber nachdenken, wie die heutigen Website -Designs von zukünftigen Entwicklern angesehen werden. Denken Sie fünfzehn Jahre an die Prävalenz reflektierender Bilder zurück, die von Apples Designs inspiriert sind. Viele von uns besitzen wahrscheinlich immer noch das Muskelgedächtnis, wenn sie diesen Effekt unzähligen Male replizieren.
Skeuomorphismus, Schrägungen, animierte GIF -Hintergründe, lange Schatten, Heldenabschnitte, Gradienten, Bokeh - diese und andere visuelle Stile hatten alle ihren Moment. Blobby -Formen können ebenfalls zu einem Design klassisch werden, der möglicherweise sogar eine Wiederbelebung später erlebt.
Ich bin fasziniert von der Entwicklung des Webdesigns und würde gerne weitere Beispiele für blödliche Formen in Aktion sehen. Bitte teilen Sie Ihre Entdeckungen!
Das obige ist der detaillierte Inhalt vonEinen Trend entdecken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Es ist aus! Herzlichen Glückwunsch an das Vue -Team, dass es eine massive Anstrengung war und lange kommt. Alle neuen Dokumente auch.

Ich sage "Website" passt besser als "Mobile App", aber ich mag dieses Rahmen von Max Lynch:

Ich ließ jemanden mit dieser sehr legitimen Frage einschreiben. Lea hat gerade darüber gebloggt, wie Sie gültige CSS -Eigenschaften selbst aus dem Browser erhalten können. Das ist so.

Wenn wir dem Benutzer direkt im WordPress -Editor Dokumentation anzeigen müssen, wie können Sie dies am besten tun?

Neulich habe ich dieses besonders schöne Stück von der Website von Corey Ginnivan entdeckt, auf der eine Sammlung von Karten aufeinander stapelt.

Es gibt eine Reihe dieser Desktop -Apps, in denen das Ziel Ihre Website gleichzeitig in verschiedenen Dimensionen angezeigt wird. So können Sie zum Beispiel schreiben

CSS Grid ist eine Sammlung von Eigenschaften, die das Layout einfacher machen als jemals zuvor. Wie alles andere ist es eine kleine Lernkurve, aber das Gitter ist

Ich sehe, dass Google -Schriftarten ein neues Design (Tweet) ausgelöst haben. Im Vergleich zur letzten großen Neugestaltung fühlt sich dies viel iterativer an. Ich kann den Unterschied kaum erkennen
