Einen Hamburger verlassen. Was beeinflusst Webdesign-Trends?

Chris Lake, CEO von Empirical Proof, hat die Webdesign-Trends für 2016 in einem Artikel zusammengefasst.

Homogenisierung

Laut Chris Lake wird der Trend zum „Dribbling“ -Design durch Standardisierung ersetzt. Alle Standorte im Jahr 2016 werden sich immer ähnlicher.

Muster statt Seiten

Moderne Designteams haben bereits auf ein neues Arbeitsprinzip umgestellt: Zuerst werden UI-Komponenten entwickelt und dann basierend darauf die Website oder die Serviceseiten. 2016 werden die meisten Teams auf der ganzen Welt dieses Prinzip anwenden.

Animation

Laut Lake können Sie mit CSS, HTML5 und jQuery bereits vollwertige Animationseffekte erstellen - genau wie in Flash. Noch haben nicht alle Designer gelernt, wie man Animationen in Benutzeroberflächen verwendet, damit sie die Benutzererfahrung nicht beeinträchtigen.
2016 wird es jedoch weitere gute Beispiele für Animationseffekte geben.

Reiche Farben und Paletten

Satte Farben und Neonpaletten werden der Trend für 2016 sein. Ein Beispiel ist die Bloomberg-Website.

Ein weiteres Beispiel ist das vom Serviceteam im Jahr 2015 vorgestellte Redesign des Medium-Logos. Die Designer verwendeten eine hellgrüne Palette.

Ein weiteres Beispiel ist Spotify.

Bild verwischen

Facebook-Ingenieure verwenden beim Laden von Seitenbildern den Unschärfe- und Zoomeffekt. Somit kann der Benutzer das Bild sehen, noch bevor es vollständig auf den Computer heruntergeladen wurde. Laut Facebook-Entwicklern beschleunigt dies das Laden von Seiten um 30%.

Laden der Seitenstruktur

Facebook verwendet beim Laden einer Website einen weiteren Trick: Anzeigen der Struktur der Seite, noch bevor der Inhalt angezeigt wird. Während die Seite geladen wird, werden die Besucher mit dem Design der Ressource vertraut, anstatt auf einen weißen Bildschirm oder eine Art AJAX-Indikator zu schauen.

Diese Technik wird sich 2016 weiter verbreiten.

Scrolljacking

Scrolljacking ist eine Technik, bei der sich der Inhalt ändert, wenn die Maus gescrollt wird. Auf der Apple-Website wird beispielsweise der folgende Mechanismus verwendet:

Vielen Designern zufolge ist diese Technik für Benutzer jedoch nicht immer praktisch, da sich der Inhalt nicht synchron mit der Bewegung der Mausrolle ändert. Dies kann zu Unannehmlichkeiten bei der Verwendung der Schnittstelle führen.
Lake merkt auch an, dass 2016 immer mehr Seiten mit einer Fülle von Effekten und Animationen erscheinen werden - auf solchen Websites wird es für Benutzer immer schwieriger, mit der Benutzeroberfläche zu interagieren.

Passiv-aggressive Popups

Trotz der Unzufriedenheit von Designern und UX-Spezialisten haben Pop-ups das Internet erneut gefüllt - Formen von E-Mail-Abonnements, Angebote zum Abonnieren von sozialen Netzwerken des Unternehmens, Rabatte und mehr.
Laut Lake wird sich die Situation 2016 nicht verbessern - Vermarkter werden diese Technik immer noch häufig für ihre eigenen Zwecke verwenden.

Hamburger meiden

Im Jahr 2016 werden Designer beginnen, sich vom "Hamburger" -Symbol, das Menüelemente verbirgt, zugunsten "sichtbarer" Elemente zu entfernen.
Zum Beispiel hat Youtube bereits von "Hamburger" zu einem horizontalen Menü mit "Tabs" gewechselt.

Schwere Seiten werden schwerer

Im Jahr 2010 betrug die durchschnittliche Seitengröße 702 KB, im Jahr 2015 2219 KB. Mehr als verdreifacht. Und niemand scheint daran zu denken, dieses Wachstum zu begrenzen. Die Homepage von The Daily Mail wiegt beispielsweise 8,8 MB.
Dies hat, wie Lake schreibt, negative Auswirkungen auf mobile Benutzer - die Geschwindigkeit des mobilen Internets ermöglicht nicht immer das Anzeigen derart "schwerer" Websites.

Einige Trends im Webdesign ändern sich von Jahr zu Jahr, während andere für lange Zeit relevant bleiben. Wir präsentieren eine vollständige Liste der Designtrends des laufenden Jahres mit Beschreibungen und Verwendungsempfehlungen.

Wenn Sie Ihrer Zeit nicht voraus sind, sind Sie unweigerlich im Rückstand.

Willkommen zum 2016 Web Design Trends Guide!

Während wir jeden Trend beschreiben, erklären wir, warum er funktioniert und wie Sie ihn persönlich meistern können. Wir werden auch mehr als 40 Beispiele für Websites von Unternehmen wie Intercom, Google, Beoplay, Sennheiser und anderen bereitstellen.

Der Umriss unserer Überprüfung lautet wie folgt:

1. Einleitung

2. Mikrointeraktionen

4. Minimalistisches Design

5. Eine Mischung aus Flach- und Materialdesign

6. Saftige Animationen

7. Typografie

8. Lebendige Farben

9. Langes Scrollen

10. HD-Grafik

11. Abbildungen

12. Schlussfolgerungen

Lassen Sie uns gleich untersuchen, wie kleine Interaktionen Ihren Besuchern ein unvergessliches Erlebnis bieten können.

Mikrointeraktionen

Entscheidend für das Design mobiler Apps ist das Design von Mikrointeraktionen im Verlauf schwerwiegenderer Aktionen. Sie sehen normalerweise so unbedeutend aus, dass Benutzer beschließen, sie ohne zu zögern zu vervollständigen.

Aktivieren / Deaktivieren von Benachrichtigungen, Ändern der Farbe der Taste beim Drücken, Tonbenachrichtigungen, die auf das Eintreffen eines neuen Kommentars zu Ihrem Bild oder etwas anderem hinweisen - all diese kleinen Dinge summieren sich in den Augen des Benutzers zum Gesamtbild und bilden den Eindruck der Verwendung der Anwendung.

Profitiert vom hochwertigen Design von Mikrointeraktionen

• Sie können Benutzer schnell für die Interaktion mit Ihrem Produkt schulen.
• Das Verhältnis von Status, Veränderungen und der Fähigkeit, auf bestimmte Bereiche aufmerksam zu machen;
• Rückmeldung zu den Ergebnissen abgeschlossener Maßnahmen;
• Hinzufügen angenehmer Elemente, die nicht von der Haupterfahrung der Interaktion mit dem Produkt ablenken;
• Stärkung der Markenposition durch die Exklusivität der Benutzeroberfläche;
• Erfüllung der Benutzererwartungen (Mikrointeraktionen sind für viele Websites und Anwendungen die Norm). Sicherlich werden sie auch in Ihrem Produkt erwartet.

1. Eine Gewohnheit unter den Benutzern bilden.

Mikrointeraktionen sind eine Schlüsselkomponente für die Entwicklung von Besuchergewohnheiten. Dieser Prozess besteht aus drei Elementen:

• Signal (Mikrointeraktion) - ein Auslöser, der eine Aktion auslöst;
• Wiederholte Aktionen sind für den Benutzer ein bekanntes Verfahren.
• Die Belohnung ist das Ergebnis des Abschlusses von Aktionen.

Ein rotes Rechteck und ein weißes Symbol (Auslöser) auf Facebook zeigen beispielsweise eine neue Nachricht an. Der Benutzer führt eine Routineaktion aus, indem er auf das Symbol klickt, um mit seinem Freund zu chatten (Belohnung). Nach einer Weile führt der Benutzer, wenn er solche Dinge sieht, automatisch die erforderlichen Aktionen aus. Je höher die Belohnung (Motivation), desto stärker wird die Gewohnheit.

2. Entwickelt für den häufigen Gebrauch.

Da wir uns angewöhnen wollen, unser Produkt zu verwenden, müssen wir das Design von Elementen erarbeiten, die häufig verwendet werden. Was auf den ersten Blick interessant und niedlich aussehen mag, kann mit der Zeit nervig werden und nach Hunderten von Wiederholungszyklen veraltet sein. Versuchen Sie, die Wahrscheinlichkeit dieses Effekts im Keim zu ersticken.

3. Erstellen Sie mit der Produktoberfläche ein gemeinsames Bild für die Auslöser.

Versuchen Sie, Mikrointeraktionselemente mit ähnlichem Design mit einer gemeinsamen Schnittstelle zu erstellen. Zum Beispiel dieselbe Farbe mit denselben Animationen, Formen usw. Die Designkonsistenz erhöht die Markenbekanntheit und die Markenidentität. Beispielsweise verwendet die New York Times ein eigenes Logo als Startanimation. Signatur erkennbarer Stil, der mit nichts anderem verwechselt werden kann.

4. Verwenden Sie Animationen.

Mikrointeraktionen sind ideale Elemente, um Ihrem Design ein wenig individuelle Spannung zu verleihen. Animationen machen sie lebendiger, lustiger und die Bewegung selbst zieht die Aufmerksamkeit auf sich. Letzteres ist oft unser Hauptziel - Interesse. Probieren Sie es einfach aus und vergleichen Sie die Ergebnisse vor und nach dem Einbetten der Animationen.

5. Vermeiden Sie unerwünschte Interaktionen.

Ein häufiger Fehler ist die Überlastung einer Schnittstelle mit vielen Mikrointeraktionen. Entwickeln Sie zunächst eine Reihe davon nur für grundlegende Funktionen und sehen Sie, wie Ihre Benutzer reagieren. Die häufigsten Berührungspunkte im Design sind:

• Laden von Bildschirmen;
• Animierte Illustrationen, die beim Bewegen der Maus aktiviert werden.

Eine positive Reaktion des Benutzers auf die Animation grundlegender Elemente ist ein Signal, um weitere hinzuzufügen.

6. Verwenden Sie Humor beim Schreiben.

Mikrointeraktionen wie Call-to-Action-Schaltflächen oder andere interaktive Anzeigen (z. B. 404 Fehlerseiten) sind mit einem Hauch von Humor effektiver. An einigen Stellen können Sie sogar die menschliche Sprachaufzeichnung verwenden.

Karten

Wir alle kennen die Wirksamkeit von Karten schon lange vor dem digitalen Design (Visitenkarten, Spielkarten usw.). Die Idee ist, dass die relevantesten Informationen zu einem Thema in einem kleinen Behälter zusammengefasst werden.

4. Boot-Animationen erleichtern das Warten.

Wenn Sie nicht die Möglichkeit haben, die Ladeleiste der Seite zu entfernen oder die Wartezeit zu verkürzen, erleichtert eine interessante Animation diesen Vorgang in den Augen des Benutzers.

Versuchen Sie, Ihrem Publikum etwas Leckeres und Kreativeres zu bieten, anstatt herkömmliche Ladeleisten zu verwenden, die den Ladevorgang in Prozent anzeigen. Der beste Ausweg ist natürlich die Website-Optimierung. Die Verwendung einer Boot-Leiste ist eine extreme Option. Wenn Sie wirklich nicht darauf verzichten können, ist es besser, den Routineprozess mit Animationen zu dekorieren.

Typografie

Höhere Geräteauflösungen, schnellere Internetverbindungen und Zugriff auf neue Webschriftartenbibliotheken ( Google-Schriftarten , Adobe Typekit usw.) machen unsere Zeit zum goldenen Zeitalter der Typografie.

Vorteile hochwertiger Typografie

• Höhere Bildschirmauflösungen bieten mehr Raum für interessante typografische Ideen.
• Die Fähigkeit, die Einzigartigkeit der Marke hervorzuheben und sie anhand der verwendeten Schriftart erkennbar zu machen;
• Stärkung des Einflusses von Textinhalten;
• Als Tool zum Erstellen einer visuellen Hierarchie von Elementen ist dies besonders wichtig, um CTA-Tools (Call to Action) hervorzuheben.

Nutzungsprinzipien

1. Klarheit ist von größter Bedeutung.

Verzichten Sie niemals auf Lesbarkeit für eine "bessere" Schrift - typografische Stile funktionieren nicht, wenn Sie nicht lesen können, was Sie schreiben.

2. Einfache und dennoch beeindruckende Schrift.

Einfache Typografie ist einfacher zu lesen und schneller zu laden, ganz zu schweigen von der Notwendigkeit minimalistischer Stile. Bitte beachten Sie Folgendes:

Erhöhen Sie die Schriftgröße.

Kontrastieren Sie die Farbe der Schrift und den umgebenden Hintergrund.

Verwenden Sie in Schlüsselbereichen Fettdruck.

Verwechseln Sie nicht die Konzepte "beeindruckend" und "extravagant". Einfache Schriftarten helfen dabei, eine Nachricht mit Zuversicht und Klarheit zu kommunizieren.

3. Komplexe und einfache Schriftarten: Serif versus Sans Serif.

Es gibt keine überzeugenden Beweise dafür, dass einer von ihnen immer besser lesbar ist als der andere. Es ist nur eine Frage des Stils, nichts weiter. Komplexe Schriftarten machen den Text reicher, formeller und einfache Schriftarten passen gut zum Minimalismus.

Beliebte serifenlose Schriftarten:

1. Proxima Nova
2. Futura
3. Avenir
4. Öffnen Sie ohne
5. Helvetica neue
6. Beliebte Serifenschriften:
7. Caslon
8. Garamond
9. Frachttext
10. Günstling
11. FF Meta Serif

5. Überlagern Sie handgeschriebene Schriftarten.

Diese Schriftarten sind eine gute Ergänzung für diejenigen, die einen "Home" -Stil kreieren möchten. Da die Lesbarkeit einer solchen Typografie eine sehr große Frage ist, beschränken Sie ihre Verwendung auf große Titel, die Bildern überlagert sind.

6. Text, der über den angegebenen Bereich hinausgeht.

Eine der besten Möglichkeiten, um auf Text aufmerksam zu machen, besteht darin, ihn außerhalb der Grenzen anderen Elementen zu überlagern. Ein Teil eines Wortes oder ein ganzes Wort kann beispielsweise außerhalb des Bildes liegen und einen angrenzenden Bereich überlagern. Dies mischt den Bildschirm zu einem zusammenhängenden Ganzen und sieht spektakulär und manchmal sogar schockierend aus.

7. Standardmäßig Schriftarten.

In den meisten Fällen sollten Sie nicht mehr als zwei Schriftfamilien verwenden. Wenn Sie Ihren Inhalt diversifizieren möchten, ändern Sie die Schriftgrößen und -typen innerhalb derselben Familie.

Helle Farben

Im Laufe des Jahres 2015 haben wir den Trend zur Einführung heller Farben erkannt. Im Jahr 2016 gewann diese Richtung weiter an Dynamik. Darüber hinaus wird die Popularität von hellen Farben nur zunehmen. Verwenden Sie mehr Paletten und Schattierungen, wenn Sie mit der Mode Schritt halten möchten.

Vorteile der Verwendung lebendiger Farben

• Verschiedene Farbtöne und Farbverläufe helfen Ihnen dabei, den hervorgehobenen Inhalt besser zu unterscheiden.
• Die Verwendung der visuellen Stimulation ist besonders nützlich für kleine Standorte.

1. Duotone.

• Die Verwendung einer Zweifarbenskala ist ein Trend für sich und wird zusammen mit der Einführung heller Farben weiterhin beliebt sein.
• Es ist klar, dass ein Duoton eine Kombination aus zwei Farben ist. Dies können Schattierungen derselben Farbe oder völlig entgegengesetzte Töne sein.
• Im Webdesign wird Duoton häufig verwendet, um Bilder und Fotos besser darzustellen. Es sieht aufregend und modern aus.
• Beachten Sie die folgenden Punkte:
• Verwenden Sie einfache Fotos mit einem starken gemeinsamen Thema. Bilder, die reich an Elementen sind (z. B. Landschaften), können schwer zu erkennen sein, insbesondere auf mobilen Bildschirmen.
• Das kontrastierende Duoton erleichtert die Unterscheidung von Details des Fotos.
• Trennen Sie das Foto durch bunte Ränder oder Vollbild-Bildlauf vom Rest des Anzeigebereichs.
• Verwenden Sie gestochen scharfe Bilder mit deutlich sichtbaren Objektgrenzen.

Ebenso wird häufig ein Duoton zum Überlagern eines Fotos verwendet, wie im folgenden Beispiel gezeigt.

2. Überlagerung.

Ein weiterer interessanter Trend bei der Verwendung von hellen Farben besteht darin, sie in Fotografien zu überlagern.

Die überlagerte Farbe verstärkt die Bedeutung des Bildes, den Wunsch, seine Details zu sehen. Die Farbe hilft dabei, die Interpretation des Fotos zu ändern. Zum Beispiel macht eine rote Überlagerung das Bild lebendiger und aufdringlicher, während eine blaue ein ruhiges Gefühl in der Szene erzeugt, die Sie sehen.

3. Spektakuläre Farbverläufe.

Das Mischen von Farben mit einem allmählich verblassenden Ton ist eine beliebte Wahl vieler moderner Designer. Es ist nicht notwendig, mehr als 2 oder 3 Farben zum Mischen zu verwenden - dies ist überflüssig.

4. Markieren Sie Schlüsselwörter und Schaltflächen.

Verwenden Sie in monochromen Texten helle Farben, um Wörter und Ausdrücke wie „frei“, „heute“ usw. hervorzuheben. Dies verleiht ihnen zusätzliches Gewicht, indem die Suggestionskraft erhöht wird.

In ähnlicher Weise können Sie einige Schaltflächen größer als andere machen und sie mit einem farbigen Rand oder Hintergrund hervorheben. Das funktioniert super.

5. Ändern des Status eines Elements beim Hover.

Wie bereits bei Karten erwähnt, sind Farben das perfekte Werkzeug zur Unterscheidung von Elementen. Das Ändern der Farbe beim Mouseover ist eine sichere und einfache Art der visuellen Kommunikation, die den Grad der Interaktivität einer Site oder Anwendung erhöht.

6. Verwenden Sie die richtige Farbe, um die gewünschte Emotion hervorzurufen.

Unterschiedliche Farben rufen unterschiedliche Emotionen hervor. Hier ist ein kurzer Spickzettel für einige der Farben, die üblicherweise auf Websites verwendet werden:

• Rot - vermittelt gleichzeitig ein Gefühl von Leidenschaft und Vorsicht. Diese Farbe erhöht die Intensität der Durchblutung;
• Blau - schafft ein Gefühl von Ruhe und Stabilität, daher wird es häufig bei der Gestaltung von Websites verschiedener Finanzinstitute verwendet.
• Grün - schafft eine gute Balance zwischen warmen und kalten Farben, vermittelt ein Gefühl von Natürlichkeit, Reinheit und Wohlstand;
• Lila - historisch mit etwas Königlichem verbunden, schafft ein Gefühl von Luxus und Geheimnis;
• Weiß ist eine ideale neutrale Farbe, die in Kombination mit anderen Farben ein Gefühl von Eleganz vermittelt und deren Wirkung verstärkt.
• Schwarz ist eine raffinierte und kraftvolle Farbe, die für jede Art von Projekt immer relevant ist.

Langes Scrollen

Websites mit langem oder endlosem Bildlauf haben schnell ihren Platz als Konstante im Webdesign erlangt.

Funktionen für die Verwendung von langem Scrollen

• Ideal für mobile Geräte. Kleinere Bildschirme erfordern häufiges Scrollen, und das Format selbst funktioniert gut mit Touch-Steuerung.
• Eine bequeme Erzählform, in die Inhalte auf diese Weise eingetaucht werden, kann die Besucher interessieren.
• Vereinfachung der Navigation;
• Das unendliche Scrollen wird die Benutzererfahrung überraschen.

1. Verwenden Sie visuelle Hinweise.

Ein Symbol wie ein Pfeil, der in Richtung des Bildlaufs außerhalb des Inhaltsbereichs zeigt, sieht relevant und informativ aus. Sie erfahren, wie viel noch übrig ist, um zum Ende der Seite zu scrollen, und werden über das lineare Layout des Inhalts informiert.

2. Bildschirme als Seiten.

Das Scrollen kann nicht nur reibungslos, sondern auch seitenweise erfolgen. Scrollen - und der gesamte Bildschirm hat sich geändert. Es ist modisch und schön.

Passen Sie jeden Bildschirm im Seitenlayout an, um den gesamten sichtbaren Bereich auszufüllen. Erstellen Sie individuelle Stile, die dem Gesamtthema für jedes dieser Bildlauffelder entsprechen. Es ist manchmal nützlich, CTA-Elemente auf jedem Bildschirm zu duplizieren. Dieser Ansatz ermöglicht es Benutzern, die Site als Ganzes wahrzunehmen und schnell zu verstehen, wohin die Ersteller der Site sie führen.

Bei kleinen Websites mit mehreren Seiten kann anstelle eines langen Bildlaufs das Navigations-Scrollen verwendet werden. Das heißt, der Benutzer kann durch Wischen mit der Maus zu einer anderen Seite wechseln, ohne dass auf Menüelemente geklickt werden muss. Sie können den Übergang zwischen den Seiten animieren, um die visuelle Kommunikation mit dem Benutzer zu verbessern (siehe Abbildung unten).

3. Sticky Navigationsmenü.

Eines der größten Risiken eines langen Bildlaufs ist die Möglichkeit, den Benutzer zu desorientieren. Er könnte sich auf dem Weg einfach verlaufen. Die einfachste Lösung ist ein klebriges Navigationsmenü, das beim Scrollen auf der Seite an einer Position auf dem Bildschirm bleibt.

Wenn es Ihrer Meinung nach viel Platz einnimmt, können Sie zumindest die Möglichkeit aktivieren, über das Menü zu springen, damit die Person schnell zu einem anderen Abschnitt springen kann. Machen Sie zumindest eine Schaltfläche "Nach oben", insbesondere wenn Sie eine unendliche Bildlaufseite haben.

4. Durch Scrollen aktivierte Animationen.

Animationen machen das Scrollen mehr Spaß und beziehen den Benutzer in den Kommunikationsprozess mit der Site ein. Machen Sie das Scrollen flüssiger und visuell interessanter mit Animationseffekten. Dies zwingt den Benutzer, seine Aufmerksamkeit zu schärfen und eine Frage wie "Was wird als nächstes passieren?" Zu stellen. Sie können Ihre eigenen Spielregeln festlegen, indem Sie eine Folge von Animationen in der Art von Brotkrumen in einem berühmten Märchen erstellen. Eine Person wird Ihre Idee bis zum Ende sehen wollen, wenn sie gut umgesetzt ist.

Parallaxen-Scrollen ist eine einfache Lösung, aber nicht die einzige. Fordern Sie Ihre Kreativität auf, Sie müssen die zuvor erfundenen Effektsequenzen nicht wiederholen.

5. Minderung von Mängeln bei der Suchmaschinenoptimierung mit langen Bildlaufseiten.

Infinite-Scrolling-Websites haben ihre eigenen SEO-Einschränkungen. Aber sie können gemildert werden. Neil Patel gibt hilfreiche Tipps zu diesem Thema.

HD-Grafik

Hochauflösende Geräte sind seit langem Standard und 2016 ist das Jahr des HD-Designs. Faszinierende Videos, leistungsstarke Fotos und reichhaltige Grafiken geben die Richtung für die visuelle Qualität vor.

Vorteile der Verwendung hochwertiger Grafiken

• Benutzer von Geräten mit HD-Bildschirmen erwarten Inhalte von angemessener Qualität.
• Hochwertige Videos können die Zeit, die Besucher auf der Website verbringen, erheblich verlängern.
• Kreativität gibt Designern mehr Kontrolle über die Stimmung ihrer Besucher.

1. Kombinieren Sie Fotos und benutzerdefinierte Fotos.

Sicher, einzigartige Fotos sind besser, aber nicht jedes Unternehmen kann es sich leisten, einen Fotografen einzustellen. Als Kompromiss können Sie Archiv- und Originalfotos kombinieren, um sie einzigartig zu machen. Suchen Sie nach Fotos des gewünschten Themas, fügen Sie Ihr Logo hinzu, ändern Sie die Farben bei Bedarf, und fertig! Branding-Material finden Sie unter Unsplash, Pixabay oder Pexels.

2. Bereiten Sie hochwertige Bilder vor.

Hintergrundbilder und Videos im Vollbildmodus erregen sofort die Aufmerksamkeit der Benutzer und dienen als perfekte Präsentation minimalistischer Websites.

Wie im folgenden Screenshot gezeigt, macht ein kontrastreiches Bild leicht auf den darüber liegenden Textinhalt aufmerksam. Da die meisten Geräte das Standard-Seitenverhältnis von 1:15 für Kameras nicht unterstützen, müssen Sie das Bild für verschiedene Bildschirmauflösungen im Voraus zuschneiden. Das Bild sollte auf jedem Gerät gleich klar und lesbar sein.

3. SVG- oder Bitmap-Grafiken?

Bitmap-Grafikformate (.jpg, .gif, .png) haben anfangs eine bestimmte Pixelauflösung, während skalare Grafiken vergrößert oder verkleinert werden können, um auf den Bildschirm zu passen, ohne an Qualität zu verlieren.

Verwenden Sie SVG für einzigartige Grafiken und für Fotos sind Bitmap-Formate mit einer deutlich begrenzten Auflösung von Pixeln am besten. Für solche Zwecke ist es wichtig, Fotoausrüstung mit guter Auflösung zu kaufen.

4. Videohintergrund in Headern.

Mit der Zunahme der durchschnittlichen Internetgeschwindigkeit werden Videohintergründe immer beliebter. Ihre Verwendung kann die Zeit verlängern, die Benutzer auf Ihrer Website verbringen. Beachten Sie folgende Punkte:

Videoclips mit einer Länge von 10 bis 30 Sekunden bieten eine gute Balance zwischen attraktivem Inhalt und schneller Geschwindigkeit beim Laden von Seiten.

Standardmäßig ist der Ton in Videos deaktiviert. In den meisten Fällen erwarten Benutzer nicht, dass der Ton sofort nach dem Aufrufen der Website zu hören ist. Dies kann für viele ärgerlich sein. Schalten Sie es besser aus und lassen Sie den Netzschalter für diejenigen, die zuhören möchten.

Video zieht Benutzer ab der ersten Sekunde nach dem Aufrufen der Website an, was ein schwerwiegender Grund für die Verwendung ist.

Abbildungen

Designer wenden sich zunehmend Illustrationen zu, um einzigartigere Bilder als die üblichen Fotos zu erhalten. Sie sind zu einer beliebten Alternative zu Lösungen aus verschiedenen Fotobanken geworden.

Vorteile der Verwendung von Abbildungen

• Direkter Appell an die Vorstellungskraft des Benutzers, wodurch er seine persönliche Verbindung mit der Website stärken kann;
• Mehr Kontrolle über den Inhalt des Bildes und seine Details;
• Dies ist im Allgemeinen günstiger als die Bestellung eines Fotoshootings und bietet mehr kreativen Spielraum.
• Illustrationen vermitteln komplexe Konzepte klar durch vertraute Bilder.

1. Ordnen Sie die Abbildung dem Gesamtthema des Layouts zu.

Illustrationen im Webdesign entstanden in Form von Symbolen und anderen sekundären Elementen. Wenn Sie diesen Stil in den Vordergrund rücken möchten, müssen Sie ihn in Bezug auf Design und Inhalt mit dem Hauptthema der Website kombinieren.

2. Fügen Sie kreative Effekte hinzu.

Illustrationen geben Designern mehr Freiheit, kreative Effekte anzuwenden, insbesondere diese beiden sind beliebt:

Animationen - sie gehen immer Hand in Hand mit Illustrationen;

Ebenen - Aufgrund ihrer Vielseitigkeit können Sie mithilfe von Abbildungen die Effekte vereinfachen, indem Sie Ebenen einfügen, um einem Bild Tiefe zu verleihen.

3. Verwenden Sie Abbildungen in Anweisungen und Handbüchern.

Selbst Websites, die den allgegenwärtig gezeichneten Grafikstil nicht verwenden, können ihn dennoch in ihre Anweisungen und Anleitungen aufnehmen. Bilder sagen noch mehr als Worte, eine Person beherrscht es schneller. Darüber hinaus hilft die unbeschwerte Positionierung durch Cartoony-Bilder dem Benutzer, das Gelernte zu vergessen, was den Vorgang einfacher und unterhaltsamer macht.

4. Verwenden Sie in den Abbildungen ein flaches Design.

Natürlich ist das flache Design im Laufe der Zeit mit Schichten eigener Chips überwachsen, aber es kann auch zum Erstellen von Illustrationen verwendet werden. Es hat die meisten seiner wichtigsten Vorteile (einfache Erstellung und Wahrnehmung, Geschwindigkeit beim Laden solcher Grafiken) nicht verloren und wird immer noch erfolgreich bei der Gestaltung von Illustrationen eingesetzt.

Ergebnisse

Sie haben einige der Techniken gelernt, die in der heutigen Webdesign-Umgebung beliebt sind. Wenden Sie sie im Kontext Ihres Projekts an. Denken Sie daran, dass Sie einem Trend niemals blind folgen sollten, nur weil seine Implementierung für sich allein großartig aussieht. Es ist notwendig, all diese Dinge mit Sinn und Nutzen selektiv und sinnvoll einzusetzen. Wir sind sicher, dass es unter den oben genannten Ideen Ideen gibt, mit denen Sie ein Projekt implementieren können, das aus kommerzieller Sicht effizient und für Benutzer nützlich ist.

Site-Building-Trends streben 2016 nach Einfachheit und Funktionalität. Es gibt viele coole Dinge, die Sie mit Ihrer Website tun können. Dazu trägt die moderne Technik bei. Als Fan von visuellen Inhalten, interaktiven Elementen und extravaganten Designs können Sie Ihre Website beeinträchtigen. Wir machen Sie darauf aufmerksam, wie Sie die Grenze zwischen einer schönen und funktionalen Website überschreiten können.

Form folgt Funktion

Die Funktionalität einer Website ist wichtiger als ihre Schönheit und visuelle Attraktivität. Auf dem Gebiet der Architektur gibt es eine Meinung: "Form folgt Funktion." Die Site-Architektur folgt ebenfalls diesem Prinzip. Diese Meinung hat eine einfache Erklärung: Die Form (Erscheinung) sollte der Funktion (dem Zweck) des Objekts dienen. Design sollte für die Funktion existieren und nur dann für die Form und nicht umgekehrt.

Viele Webdesigner haben dieses Paradigma versehentlich auf den Kopf gestellt. Sie möchte das Aussehen der Website ändern Ich hoffe, die Funktion wird für sich selbst sorgen. Dies ist leider nicht realistisch. Bevor Sie mit der Arbeit an der Site beginnen, müssen Sie deren Zweck und die Art und Weise definieren, wie der Benutzer damit arbeiten wird.

Eine schöne Seite kann den Benutzer ablenken

Nehmen wir an, Sie haben gerade eine hervorragende Website. Wenn ein Benutzer es besucht und nicht weiß, was er damit tun soll, schadet Ihnen Ihre Website und hilft Ihnen nicht. Glücklicherweise wissen erfahrene Profis, wie man Schönheit und Funktionalität kombiniert.

Websites mit schlechter Funktionalität weisen eine hohe Absprungrate auf

Was kann passieren, wenn Benutzer nicht wissen, was sie auf Ihrer Website tun sollen? Sie werden gehen. Hohe Absprungraten beeinträchtigen sowohl die Werbung als auch die Website selbst. Ein solcher Trend weist darauf hin, dass etwas schief gelaufen ist, nicht alles in der Arbeit der Website durchdacht ist und Ihre Aufgabe darin besteht, herauszufinden, was genau. Oft ist eine hohe Ausfallrate auf zurückzuführen schlecht durchdachtes Design... Vergessen Sie nicht die Absprungrate mobiler Benutzer. Wenn Ihre Website für Mobilgeräte optimiert ist, sieht sie mehr als gut aus.

Ein schöner Ort wird oft langsam geladen

Die Website sieht auf der Oberfläche vielleicht fantastisch aus, aber können Ihre Besucher sie sehen, wenn das Laden zu lange dauert? Höchstwahrscheinlich nicht. Die Ladezeit ist für die Promotion äußerst wichtig, ganz zu schweigen von der Konvertierung. Je schneller Ihre Website ist, desto mehr wird sie Google gefallen.

Die visuelle Seite des Designs ist nur ein Teil der Gleichung

Die Seite ist eine sehr komplexe Sache. Und sein Design ist nur ein Aspekt, aber äußerst wichtig. Der Benutzer bleibt für diese Gleichung verantwortlich. Aus diesem Grund sollten Sie Ihren Benutzer ansprechen, nicht nur seine Augen, sondern auch den Wunsch, mit Ihrer Website zu interagieren.

goldene Mitte

Es ist klar, dass schönheit und Funktionalität der Website kann in perfekter Harmonie existieren. Tausende von Websites sind ein Beispiel dafür. Um denselben goldenen Mittelwert zu finden, beachten Sie die Hauptregeln:

• Form folgt Funktion, denken Sie zuerst über den Zweck der Website nach.
• Einfachheit ist sowohl optisch als auch funktional besser.
• Behalten Sie Ihre Ladezeiten im Auge. Entfernen Sie unnötige Funktionen, wenn diese Ihre Website verlangsamen.
• Machen Sie den Zweck der Website offensichtlich. Benutzer müssen genau wissen, warum die Site existiert.
• Machen Sie die Website für den Besucher bequem, er muss genau wissen, was als nächstes zu tun ist.

Ausgabe

Erstellen Sie eine schöne Website, die funktioniert. Aber manchmal lohnt es sich, Schönheit für Funktionalität zu opfern. Wenn Sie es richtig machen, wird Ihre Website wahrscheinlich großartig aussehen.

• Transfer

Die Welt des Webdesigns ist lebendig und vielfältig. Hier kommt es nicht jedes Jahr zu großen Veränderungen. Dies wird durch das schnelle Wachstum der Technologie bestätigt, das in den letzten Jahren gezeigt hat, dass sich wichtige Trends im Webdesign in naher Zukunft auf die Verbesserung bestehender Entwicklungen konzentrieren werden.

Flaches Design wird strukturierter, „Kinoerlebnisse“ werden häufiger und die Verwendung von JavaScript-Bibliotheken wird mehr Experimente ermöglichen. Wir sind zuversichtlich, dass die wachsende Beliebtheit von WebGL und virtueller Realität die uns bekannten Websites in etwas Neues mit interessanter Interaktivität verwandeln wird.

In diesem Artikel werfen wir einen Blick auf 11 der größten erwarteten Webdesign-Trends in diesem Jahr. Lehnen Sie sich zurück und beginnen Sie zu lesen!

1. WebGL (Web Graphics Library)

Zu den neuesten Fortschritten gehört die bemerkenswerte WebGL-Technologie (Web Graphics Library). Es wird von vielen erstaunlichen Websites verwendet, die kürzlich erschienen sind.

In einfachen Worten ist WebGL eine Möglichkeit, interaktive 3D- und 2D-Grafiken in Browsern mit Hardwarebeschleunigung ohne Plugins zu rendern.

1.1 Interaktive 3D-WebGL-Anwendung

Erleben Sie Neugier (Stück von der NASA)

WebGL war eines der zentralen Themen der SIGGRAPH 2015-Konferenz. Sie können eine Präsentation zu 3D-Grafiken und WebGL ansehen auf diesem Kanal Youtube.

In anderthalb Stunden erfahren Sie mehr über die Webanwendung „Experience Curiosity“ der NASA, deren Erstellung den dritten Jahrestag der Landung des Marsrovers „Curiosity“ auf dem Mars kennzeichnete. Mit der Anwendung können Benutzer einen 3D-NASA-Rover auf der Marsoberfläche „fahren“ und einen Manipulatorarm „steuern“.

Zum Erstellen dieser Ressource wurden Blend4Web (ein Framework zum Erstellen browserbasierter 3D-Anwendungen) und Blender (ein Paket für 3D-Modellierung und -Animation) verwendet.

Die Beloola-Website verwendet three.js (JavaScript-Bibliothek)

Projekt „The Boat“ von SBS TV (Australien)

Das australische Fernsehen SSB TV überarbeitete die Geschichte des Autors Nam Le „The Boat“ über die Flucht aus Vietnam und verwandelte sie mithilfe von WebGL in eine interaktive Videogeschichte. Die App besteht aus mehreren Teilen mit hervorragend ausgeführten Animationen und handgemalten Illustrationen. Es werden auch drei.js wie im vorherigen Beispiel verwendet.

Weil Erinnerung

Technisch gesehen handelt es sich um eine kontinuierliche 2D-Animation, die im Pseudo-3D-Raum ausgeführt wird. Es sieht sehr beeindruckend aus!

2. VR (Virtual Reality)

Virtual Reality (VR) ist eine verwandte Technologie, die das Potenzial hat, die Gadget-Welt im Jahr 2016 aufzurütteln. Vielleicht werden die Dinge sehr bald viel interessanter.

Timeshift165-Website

Tags: Tags hinzufügen

2016 steht vor der Tür, also ist es Zeit, ein wenig nach vorne zu schauen und Vorhersagen zu treffen entstehung neuer Trends im Webdesign in naher Zukunft.

Webdesign-Trends 2016

In der heutigen Welt ist es eine undankbare Aufgabe, Vorhersagen zu treffen. Die Technologie ändert sich so schnell, dass eine andere Vorhersage im Handumdrehen überholt sein kann. Auf der anderen Seite haben sich einige Trends im Webdesign so fest etabliert, dass sie im Laufe der Jahre auf dem Höhepunkt ihrer Popularität bleiben und sich verbessern. Erfahrene Designer, die sich jeden Tag damit beschäftigen, können mögliche Änderungen im Voraus feststellen.

Zum Beispiel als Facebook Product Design Director Julie ZhuoDas Unternehmen hat kürzlich eine Prognose der Trends im Webdesign für die kommenden 10 Jahre erstellt. Es wäre zu kühn von unserer Seite, so weit zu schauen, aber es ist durchaus möglich, die Entstehung einiger Trends vorauszusehen, die im nächsten Jahr zweifellos populär sein werden. Werfen wir einen Blick auf einige der coolsten Webdesign-Trends, die wir 2016 möglicherweise sehen konnten.

Helle Farben

Das Farbschema ist ein Aspekt, der von vielen Fachleuten, einschließlich Innenarchitekten und Modedesignern, immer genau unter die Lupe genommen wird. Es ist erwähnenswert, dass Farbtrends normalerweise für alle Bereiche universell sind, die sich auf die visuelle Wahrnehmung konzentrieren. Wenn Sie also die beliebten Farben im Innendesign oder in der Kleidung im Auge behalten, können Sie vorhersehen, welche Farben im Webdesign im Trend liegen werden. Es scheint, dass 2016 der richtige Zeitpunkt ist helle Farben und kräftige Farbkombinationen.

InJob

Lebendige Farben waren schon immer kreativen Websites wie Designer-Portfolios oder persönlichen Seiten von Fotografen vorbehalten. Heutzutage können wir die Verwendung heller Farben in einer Vielzahl von Designs sehen, selbst in traditionell zurückhaltenden Schwarz-Weiß-Geschäfts- oder Finanzseiten.

Dies bedeutet nicht, dass im Jahr 2016 minimalismus wird in den Hintergrund treten. Im Gegenteil, es wird auch in den nächsten Jahren einer der heißesten Designtrends bleiben. Lebendige Farben machen minimale Designs attraktiver, ohne sie mit unnötigen Elementen oder aufdringlichen Designs zu überladen. Denken Sie daran, dass Leerzeichen in sauberem Design häufig verwendet werden. Dies bedeutet jedoch nicht immer, nur Weiß zu verwenden. Sie können helle Hintergrundfarben in ihrer reinsten Form verwenden, Farbverläufe hinzufügen oder die wichtigsten Elemente damit hervorheben.

Material Design

Einige Designer bezeichnen diesen Stil als "nahezu flach", da er flachen Elementen ein wenig Tiefe verleiht. Dieses Jahr ist bei Webdesignern immer beliebter geworden, und es sieht so aus, als würde sich dieser Trend auch im nächsten Jahr fortsetzen.

Barni Medien

Das Materialdesign behält alle grundlegenden Vorteile des flachen Designs bei, mit der Ausnahme, dass das Material Volumen hinzufügt (als Z-Achse bezeichnet), um anklickbare Elemente oder Elemente für andere Aktionen hervorzuheben. Es kombiniert Schönheit und Benutzerfreundlichkeit, was diesen Trend für die Website-Entwicklung sehr attraktiv macht. Animation wird zu einem Highlight von Designs, da sie nicht als einfache Dekoration, sondern als Verbesserung der Benutzerfreundlichkeit fungiert.

Google hat eine wirklich coole Sache gemacht: Sie haben erstellt empfehlungsdokument die Prinzipien des Materialdesigns anzuwenden und die Menschen zu ermutigen, sie in ihrer Arbeit zu verwenden. Sie machten diesen Stil für Designer zugänglicher, ohne sie zu zwingen, zu erraten, was getan werden muss, um dieses oder jenes Ergebnis zu erzielen.

Schwerpunkt auf Schriftarten

Schriftarten sind ein einzigartiges Element des Website-Designs. Bei richtiger Anwendung können sie nicht nur die Bedeutung vermitteln ( was geschrieben), sondern auch dienen dekoratives Element (wie es steht geschrieben). In letzter Zeit wurden Schriftzüge im Webdesign immer häufiger als Dekoration verwendet und erfüllen dieselben Aufgaben wie die Verwendung von Farben.

Tennent braun

Die zunehmende Verwendung mobiler Geräte hat zur Verwendung großer Schriftarten im Webdesign geführt. Offensichtlich müssen Texte auf kleinen Bildschirmen größer erscheinen, um leicht lesbar zu sein. Dieser Trend ist weit verbreitet, um interessante Designs zu kreieren.

Groß vielzahl von freien SchriftartenInsbesondere Google Fonts macht das Beschriften zu einem großartigen Designelement, das Webdesignern großartige Möglichkeiten eröffnet. Darüber hinaus erleichtert eine große Auswahl an kostenlosen oder kostengünstigen (aber coolen) Schriftarten das Erstellen von Designs, auch für Gelegenheitsbenutzer. Neben dem oben genannten Trend, leuchtende Farben zu verwenden, kann eine große Beschriftung auch einen atemberaubenden Effekt bei der Gestaltung von Websites erzielen. Es ist jedoch zu bedenken, dass die Verwendung von Schriftzügen eine tiefere Kenntnis der Schriftarten, ihrer Größen, Kombinationen und Kombinationen mit den umgebenden Designelementen erfordert.

Einseitige Designs

Einseitiges Design ist kein so neuer Trend, wie er vor einigen Jahren im Internet erschien. Wir können hoffen, dass er in Zukunft nicht ohne die Aufmerksamkeit der Designer bleibt. Dies ist eine eher kontroverse Tendenz, die immer noch viele Gegner und viele Anhänger hat.

Einseitige Designs finden sich häufig auf startseitenweil diese Art von Website keine komplexe Struktur benötigt. Dieser Trend ist dank des mobilzentrierten Internets entstanden, bei dem die Betonung der Benutzerfreundlichkeit der Website dazu führte, dass weniger wichtige Elemente eliminiert und die Navigation auf der Website vereinfacht wurden.

Natürlich sind einseitige Seiten nicht für jede Site geeignet. Bei diesem Design müssen Sie auf jeden Fall über die Navigationsfunktionen nachdenken (heften Sie das Menü oben auf der Seite an und fügen Sie eine Schaltfläche „oben“ hinzu, damit Benutzer problemlos zum oberen Rand der Seite zurückkehren können). Aber dieser Trend wird sicherlich auch im nächsten Jahr im Fokus bleiben.

Lange Schriftrolle

Dieser Trend hängt eng mit einseitigen Websites zusammen. Aufgrund der weit verbreiteten Verwendung mobiler Geräte ist das Scrollen benutzerfreundlicher geworden als das Klicken. Lange Schriftrolle wird bei der Gestaltung vieler Websites verwendet, um die Geschichte einer Marke zu erzählen und Benutzer anzulocken.

Kaipo Che

Es ist schwer zu sagen, ob die Bildlauftechnik die Entstehung der Theorie "über der Faltlinie" beeinflusst hat oder umgekehrt. Auf jeden Fall ist das Scrollen im heutigen Web nicht so wichtig. Viele Websitebesitzer halten immer noch an der Idee fest, die wichtigsten Elemente, wie z. B. Handlungsaufforderungstasten, oben auf dem Bildschirm zu platzieren. In Wahrheit hängt es von verschiedenen Faktoren ab. Es ist viel schwieriger, Besucher anzulocken und sie zum Kaufort zu bewegen, als einfach eine Schaltfläche "Jetzt kaufen" innerhalb der ersten 600 vertikalen Pixel des Bildschirms zu platzieren. Dies ist jedoch vorteilhafter für Ihre Website und deren Benutzerfreundlichkeit.

Reaktionsschnelle Navigation

Mit der zunehmenden Nutzung mobiler Geräte zum Surfen im Internet tauchten immer mehr Fragen auf navigation für mobile Geräte... Das seit langem bekannte Hamburger-Menüsymbol ist derzeit eine der besten Lösungen.

Trotz der Tatsache, dass viele Webdesigner gegen die Verwendung sind hamburger Menü In den Desktop-Versionen der Website hat dieses winzige dreizeilige Symbol das reaktionsschnelle Design übernommen, sodass wir in naher Zukunft immer mehr Hamburger sehen werden.

Besser zeichnen

Tatsächlich ist das Hauptargument gegen das "Hamburger" -Menü seine schlechte Anerkennung. Aber da immer mehr Websites es verwenden, denke ich nicht, dass dieses Problem immer noch relevant ist. Eine solche Navigation ist für mobile Benutzer bequemer als andere Arten der reaktionsschnellen Navigation, z. B. eine angeheftete Menüleiste oben auf einer Seite oder ein verstecktes Menü.

Hintergrundbilder und Videos

Da Visuals einer der wichtigsten Aspekte einer Website sind, wird beispielsweise eine große Anzahl von Hintergrundbildern und Videos auf Websites definitiv häufiger verwendet. HD-Bilder oder ausgewachsene Hintergrundfotos sind der beste Weg, um die Aufmerksamkeit des Benutzers zu erregen. Fortschrittliche Technologien reduzieren die Bandbreite und komprimieren verlustfrei Bilder für mobile Geräte, um die Qualität kleiner Bilder zu maximieren. Daher wirken sich große Fotos nicht auf die Benutzererfahrung und die Download-Geschwindigkeit aus.

Proske

Video sind auch eine leistungsstarke Möglichkeit, die Aufmerksamkeit auf Websites und deren Inhalte zu lenken. Sie müssen jedoch das Gewicht im Auge behalten, da die Ladegeschwindigkeit der Website einer der Hauptparameter ist, die Google beim Ranking einer Ressource berücksichtigt.

Layouts: Kartendesign, geteiltes Layout und zentrierter Inhalt

Um ein gutes Layout zu erstellen, müssen Sie es gleichzeitig schön und benutzerfreundlich gestalten. Modernes Webdesign konzentriert sich auf diese Aspekte, daher wird die Site-Struktur ständig verbessert, um die besten Ergebnisse zu erzielen.

In den letzten Jahren haben wir die Verwendung von gesehen kartendesign... Alles begann mit dem Metro-Stil und tauchte dann im Design des sozialen Netzwerks Pinterest auf. Diese Art von Layout eignet sich besonders zum Erstellen reaktionsschneller Websites, da Sie Karten in beweglichen Boxen gruppieren können, um sie an kleine Bildschirme anzupassen. Blöcke und Karten nutzen freien Speicherplatz für die kreative Präsentation von Inhalten.

Geteilte Layouts sind seit langem beliebt. Diese Art von Layout unterteilt den Inhalt in Teile, und diese Teile sind viel größer als im Raster. Sie teilen den Bildschirm in zwei vertikale Abschnitte und platzieren dann Ihren Inhalt in jedem dieser Abschnitte. Split eröffnet Webdesignern viele Möglichkeiten, von der Verwendung unterschiedlicher Farben für jeden Inhalt bis hin zu animierten Effekten für die Navigation.

Zentrierter Inhalt trägt die entgegengesetzte Funktion des geteilten Layouts. Es sammelt alle wesentlichen Elemente und Inhalte in der Mitte des Layouts, um die Aufmerksamkeit der Benutzer darauf zu lenken. Zentrierter Inhalt eignet sich hervorragend für Websites mit nur einer Seite und minimalistische Designs.

Technisch: Prototyping im Browser

Eine wesentliche Veränderung in den letzten Jahren war die Verwischung der Grenzen zwischen Designer- und Entwicklerarbeit. In letzter Zeit sind häufig Designer mit Programmierkenntnissen anzutreffen. Moderne Designer nutzen problemlos verschiedene Prototyping-Services und erstellen schnell ein gutes Layout mit dynamischen Inhalten anstelle von Modellen, die später codiert werden müssen.

Mit einer Vielzahl unterschiedlicher Tools zum Erstellen von Layouts direkt im Internet haben Designer mehr Gelegenheit, die Leistung ihrer Projekte zu sehen. Die Arbeit im Browser mit Online-Tools wird für viele Designer und Entwickler zur täglichen Aufgabe. MotoCMS ist auch ein Online-Tool, mit dem Entwickler Websites online erstellen können. Wir erwarten daher bald weitere Apps, mit denen wir Websites direkt auf Mobilgeräten entwickeln können.