Heute gehen wir zurück zu den Grundlagen mit einem? Design 101? Diskussion über Ausrichtungen. Zentrierte Ausrichtungen sind ein einfacher Ort, um Fehler zu machen. Wenn Sie nicht wissen, wie Sie sie richtig anwenden, ist das Ergebnis sehr schlecht strukturierte Seiten.
Machen Sie mit und schauen Sie sich an, warum zentrierte Ausrichtungen schwach sind, wo Sie sie vermeiden sollten und wie Sie sie verwenden sollten.
Zentrierte Ausrichtungen
Eines der ersten Dinge, die Sie in einer grundlegenden Design-Layout-Klasse lernen, ist, dass zentrierte Ausrichtungen schwach sind. Nun, dies ist eine pauschale Aussage, die Sie sofort zum Protest veranlassen könnte, aber wir werden dies in einer Minute ausführlicher untersuchen.
Zentrierte Ausrichtungen werden keinesfalls nur von Anfängern und Nicht-Designern verwendet, sondern sind in der Tat die Wahlmöglichkeit für diese Gruppen. Der Grund dafür ist kompliziert. Aus irgendeinem Grund haben wir instinktiv das Gefühl, dass die Dinge zentriert werden sollten. Wir wissen, dass es bei Design um Ausgewogenheit geht und zentrierte Ausrichtungen nicht ausgeglichen sind, also machen sie Sinn. Sekretäre, CEOs, Lehrer und andere Fachleute, die ihren Kopf in das Design eintauchen, laufen fast immer geradeaus, um zentrierte Ausrichtungen bei jedem Projekt zu erreichen.
In der Praxis verursachen zentrierte Ausrichtungen häufig Probleme in einem Layout. Zu lernen, wie Sie diese Probleme erkennen und beheben können, ist ein wichtiger Schritt in Ihrer frühen Designausbildung.
Das Problem mit zentrierten Ausrichtungen
Es ist schwierig, die Fehler von rein zentrierten Ausrichtungen allein mit der Theorie zu erklären. Schauen wir uns also ein Beispiel an. Nehmen wir an, Sie machen kleine Flyer für eine bevorstehende Party. Das Ergebnis, das ein Nicht-Designer erwartet, sieht fast immer so aus:
Dies ist kein abscheulicher Flyer, ich habe tatsächlich in der Realität viel schlimmer gesehen. Aus verschiedenen Gründen ist dies definitiv nicht das, was Sie als starkes Design bezeichnen würden. Wenn Sie mir das obige Flyer-Design übergeben und mir gesagt haben, es in nur drei Minuten so weit wie möglich zu verbessern und dabei die Gesamtpersönlichkeit zu wahren, würde ich Ihnen dies gerne zurückgeben:
Dieses Design fühlt sich einfach besser an, und nicht nur, weil ich mich weigere, die "Party LET" zu verwenden. Schriftart, besonders wenn Sie das Wort "Party" eingeben. Ich habe auch den Inhalt etwas aufgeschlüsselt, einige Hervorhebungspunkte hinzugefügt und, am wichtigsten, in eine linke Ausrichtung geändert.
Beachten Sie, wie sich die linke Ausrichtung sehr verankert anfühlt. Der Text auf der Seite hat einen klaren Anfangspunkt und Sie können dieser harten Kante von oben nach unten folgen. Obwohl sich der erste Flyer "ausgewogen" anfühlt, fühlt er sich nicht annähernd strukturiert an.
Wenn Sie sich von zentrierten Ausrichtungen fernhalten
Also gut, Sie bekommen den Punkt: Linke Ausrichtungen sind gut, zentrierte Ausrichtungen sind schlecht. Was also? Die Realität ist etwas komplizierter. An einer zentrierten Ausrichtung ist nichts inhärent schlecht. Sie müssen nur wissen, wie Sie eine korrekte Ausrichtung erzielen, wenn Sie sie mit Erfolg einsetzen.
Das erste, was Sie lernen müssen, ist wann nicht eine zentrierte Ausrichtung implementieren. Die Antwort hier ist ziemlich einfach: wenn Sie viel Inhalt haben.
Wie wir im letzten Beispiel gesehen haben, sind zentrierte Ausrichtungen für große Textblöcke ziemlich schlecht. Das Fehlen einer harten Kante macht das Lesen schwierig und unberechenbar. Dasselbe gilt für die Verwendung eines zentrierten Layouts für Ihre gesamte Seite. Meistens ist dies jedoch nicht die beste Idee. Das unten dargestellte Website-Drahtmodell ist vom Layout her ziemlich problematisch.
Lesen Sie das jetzt nicht als Ratschlag, Ihre Inhalte auf der Seite nicht zu zentrieren. Es besteht ein Unterschied zwischen dem Erstellen einer Website, die einen zentrierten Container verwendet, und einer Website, die eine Zentrumsausrichtung verwendet. Sie können ganz einfach links oder rechts ausgerichtete Inhalte haben, die im Browserfenster zentriert sind Marge: 0 auto. Das ist ein ganz anderes Gespräch.
Ästhetik
Verwechseln Sie dies auch nicht aus ästhetischen Gründen. Wie auf der folgenden Seite gezeigt, können Sie wunderschöne Sites erstellen, die stark auf zentrierten Ausrichtungen basieren.
In jedem Design ist es sehr wichtig, Ihre Ziele zu analysieren. Wenn ein erheblicher Grad an Lesbarkeit einer von ihnen ist, und dies sollte häufig der Fall sein, dann ist die Ästhetik oft völlig getrennt oder sogar im Widerspruch zu diesem Ziel. Der Trick besteht darin, das Gleichgewicht zwischen den beiden zu finden.
Das Endergebnis wird fast immer völlig subjektiv sein. Der Designer entschied, dass dieser Teil des Inhalts klein genug war, um in der Mitte ausgerichtet zu werden. Ich denke vielleicht, dass es die Grenze ein wenig erhöht, aber das bedeutet nicht, dass ich Recht habe und er / sie ist falsch, es bedeutet nur, dass wir die Grenze an verschiedenen Stellen ziehen.
So verwenden Sie zentrierte Ausrichtungen
Nun, mit all dem gesagt, gibt es keinen Grund, auf zentrierte Ausrichtungen insgesamt zu verzichten. Dazu müssen Sie ein Schlüsselelement aus Ihrer Layout-Toolbox entfernen. Wieder müssen Sie nur wissen, wie Sie das Tool einsetzen, um erfolgreich zu sein.
Es gibt eine Million verschiedene Möglichkeiten, ein zentriertes Layout erfolgreich zu implementieren. Stellen Sie sich also nicht vor, dass die folgenden Beispiele vollständig sind. Sie können jedoch als Möglichkeit dienen, ein Gefühl für ein solides Layout gegenüber einem schwachen zu bekommen.
Sehr wenig Inhalt
Eine der ersten Stellen, an die Sie sich über ein vollständig zentriertes Layout Gedanken machen können, ist, wenn Sie sehr wenig Inhalt haben. Schauen Sie sich das Beispiel unten an.
Dies ist absolut sinnvoll, wenn das Hauptproblem bei zentrierten Ausrichtungen darin besteht, dass sie mit vielen Inhalten nicht gut mithalten können, dann sind sie wahrscheinlich gut, wenn Sie nur wenige Elemente haben. In der Tat sind sie normalerweise besser unter diesen Umständen. Wenn Sie eine linke Ausrichtung mit dem obigen Design implementieren, sieht die Seite wahrscheinlich sehr leer aus. Mit dem aktuellen zentrierten Layout wirkt es jedoch stilvoll und räumlich.
Selektive Anwendung
Das Vermeiden zentrierter Layouts für alles andere als die einfachsten Designs klingt nach einer äußerst einschränkenden Art und Weise zu entwerfen, und das ist es auch. Der Schlüssel ist, sie nicht alle zu vermeiden, sondern sie selektiv anzuwenden innerhalb ein größeres Design mit einer stärkeren Ausrichtung.
In einer Layout-Klasse für Anfänger lernen Sie vielleicht, sich eine Ausrichtung zu nehmen und sich daran zu halten. Wenn Sie jedoch verbessern, werden Sie feststellen, dass das Mischen von Ausrichtungen oft eine großartige Möglichkeit ist, dem Design Abwechslung zu verleihen. Schauen Sie sich zum Beispiel die großartige Seite von Assistly.com an.
Das Layout enthält insgesamt recht konsistente linke und rechte Kanten. Es gibt jedoch sehr spezifische Teile, die zu einer zentrierten Ausrichtung zurückkehren. Die Überschrift ist der natürlichste und beliebteste Ort, um dies zu versuchen. Große, zentrierte Überschriften und Untertitel sehen in begründeten Layouts gut aus. Beachten Sie auch die kleineren Bereiche wie die drei Spalten unten links, ein weiterer natürlicher Ort für die Implementierung einer zentrierten Ausrichtung. Wieder enthält jeder dieser Blöcke eine relativ kleine Menge an Inhalt, sodass das Ergebnis nicht überwältigend ist.
Schneller Tipp: Wrap It Up
Im folgenden Beispiel wird einer der einfachsten und nützlichsten Tricks zum Implementieren zentrierter Textausrichtungen in einem größeren Layout gezeigt.
Betrachten Sie diese Seite zunächst als eine Reihe von Blöcken. Beachten Sie, dass alle eine ziemlich berechtigte Ausrichtung haben. Mit Ausnahme der nach links ausgerichteten Navigation gibt es sowohl einen harten linken als auch einen harten rechten Rand, der den Inhalt definiert. Jetzt, innerhalb In diesem Rahmen habe ich etwas mehr Spielfreude. Beachten Sie das? Box One? und? Box Two? Enthalten zwar zentrierte Inhalte, aber die Containment-Geräte sorgen dafür, dass sie im Gesamtlayout perfekt aussehen.
Wenn Sie über zentriert ausgerichteten Inhalt verfügen, der sich nicht anfühlt, als würde er funktionieren, packen Sie ihn in ein Feld ein, das dem Gesamtseitenlayout entspricht, um zu sehen, ob das Design verbessert wird.
Fazit
Zusammenfassend sind zentrierte Ausrichtungen schwach, aber nicht schlecht. Es gibt einen sehr wichtigen Unterschied, den Sie wirklich verstehen müssen, um ein guter Designer zu sein. ?Schwach? impliziert, dass sie leicht zu weit genommen werden können und leicht missbraucht werden können. Sie können und sollten jedoch zentrierte Ausrichtungen in Ihren Entwürfen verwenden.
Stellen Sie sicher, dass Sie, wenn Ihr gesamtes Layout auf einer zentrierten Ausrichtung basiert, ein sehr einfaches Design mit nur wenigen Elementen haben. Sobald Sie mit dem Hinzufügen großer Textblöcke und vieler Bilder beginnen, wirken die zentrierten Ausrichtungen unordentlich. Versuchen Sie außerdem, eine vollständige linke, ausgerichtete oder sogar rechte Ausrichtung für Ihre Seite als Ganzes zu erstellen, und experimentieren Sie dann mit dem selektiven Ablegen zentrierter Ausrichtungen in Schlüsselbereichen wie Schlagzeilen. Als schnellen Trick in einem Stau versuchen Sie schließlich, zentrierte Teile in eine Box zu packen, die zum Fluss der restlichen Seite passt.