Es gibt eine Menge Designregeln, die in Ihrem Kopf stecken bleiben. Dinge, die von älteren Designern vorgeschlagen wurden, Elemente der Designtheorie oder Unterrichtsstunden. Aber vielleicht sollten Sie einige dieser Regeln brechen?
Designtrends und -konzepte ändern sich im Laufe der Zeit stark. Insbesondere der technologische Fortschritt hat einige Regeln geändert. Design ist ein sich entwickelnder Prozess, und was heute funktioniert, kann sich morgen ändern. Vor diesem Hintergrund sind hier drei Designregeln, die Sie eigentlich beachten sollten Versuchen brechen.
1. Verwenden Sie Sans Serif-Schriftarten für Webdesign
Jeder Webdesigner sagte, dass Sie Sans-Serif-Schriftarten online verwenden müssten. Es ist einfach nicht mehr der Fall. Brich diese Regel!
Eine gute Mischung lesbarer Schriften ist die neue Norm. Dies umfasst Serifen, Sans Serifen und sogar Neuheiten und Skriptstile. Der Schlüssel für die Wahl der richtigen Schriftart (oder der Schriftartenpalette) ist die Auswahl von einfach zu lesenden Schriftstilen.
Es gibt Forschungen, um diese Idee zu unterstützen. Jakob Nielsen von der Nielsen Norman Group, die sich auf Benutzererfahrung, Forschung und Schulung konzentriert, sagte, dass bessere Bildschirme die Landschaft der typografischen Richtlinien für das Website-Design verändern. Hier ist die Schlussfolgerung aus dieser Studie:
Die alte Usability-Richtlinie für Online-Typografie war einfach: Halten Sie sich an serifenlose Schriften. Da Computerbildschirme zu schlecht waren, um Serifen richtig wiederzugeben, führte der Versuch, Serifetypen in Textgrößen zu verwenden, zu verschwommenen Buchstabenformen.
Leider ist die neue Richtlinie nicht so eindeutig wie die alte. Die Lesbarkeitsforschung ist nicht eindeutig, ob Serifenschriften wirklich besser sind als serifenlose Zeichen.
Der Unterschied in der Lesegeschwindigkeit zwischen Serifen und Sans Serifen ist anscheinend ziemlich gering. Daher gibt es keine eindeutige Usability-Richtlinie für die Verwendung der einen oder der anderen. Daher können Sie die Auswahl aufgrund anderer Überlegungen treffen - beispielsweise des Brandings oder der durch einen bestimmten typografischen Stil vermittelten Stimmung.
Also machen Sie weiter und brechen Sie die alte Sans Serif-Regel. Hier sind einige Dinge zu beachten, wenn Sie darüber nachdenken, welche Schriftart Sie wählen und ob sie gut lesbar ist oder nicht.
- Entscheiden Sie sich für gleichmäßige Hubbreiten bei mittlerem oder normalem Gewicht. Superleichter oder dünner Typ kann schwer lesbar sein.
- Halten Sie sich an eine durchschnittliche x-Höhe. Wenn Sie das extrem dünn und groß lassen, kann das zu Lesbarkeitsbedenken führen.
- Achten Sie auf konsistente und adäquate Buchstabenabstände ohne übermäßigen Gebrauch von Ligaturen oder Schnörkel.
- Verwenden Sie kunstvolle Schriftarten für kleine Textblöcke und nur mit einer bestimmten Absicht.
- Wählen Sie Serif- oder Sans-Serif-Schriftarten für größere Kopienblöcke. Wählen Sie Buchstaben mit unterschiedlichen Buchstabenformen aus, die auf einen Blick gut lesbar sind.
2. Bleiben Sie weg von fetten Hintergründen
Für eine Weile schien es, als wären die einzigen akzeptablen Farben für einen Website-Hintergrund weiße und erleuchtete neutrale Farben. Auf keinen Fall!
Mutige, helle Hintergrundfarben können ein großartiges Hintergrundelement darstellen. Farbe kann einen guten ersten Eindruck bei den Anwendern hinterlassen, den Ton für das Design bestimmen und ist eine unterhaltsame und interessante Möglichkeit, dieselben alten Designmuster aufzubrechen.
Immer mehr Websites und große Marken verwenden Farben, um ein interessantes und ansprechendes Erlebnis zu schaffen. Und die Benutzer scheinen es zu mögen.Der zweite Teil dieser Regel besteht darin, die Anzahl der Farben in Ihrer Farbpalette zu begrenzen. Während es eine gute Idee ist, eine eigene Markenpalette zu haben, können Sie sich mit individuellen Designprojekten für etwas mehr Aufregung entscheiden.
Die Farbpaletten hinter Material Design in Verbindung mit der Verwendung mutigerer Farbwahlen haben das eröffnet, was als klassisch und kitschig gilt. Mehr Farbe ist akzeptabel. Immer mehr Websites und große Marken verwenden Farben, um ein interessantes und ansprechendes Erlebnis zu schaffen. Und die Benutzer scheinen es zu mögen.
Sie benötigen zwar eine einfache Palette, um die Konsistenz zu verbessern, fügen Sie jedoch für bestimmte Projekte zusätzliche (und hellere) Farben hinzu. Sie müssen nicht alle Ihre Markenmaterialien umgestalten, um einen hellen violetten oder grünen Hintergrund zu haben. Sie können jedoch mehr Trendfarben auf verschiedene Arten in Projekte integrieren.
- Betrachten Sie ein Farbfoto-Overlay.
- Entscheiden Sie sich für eine helle Schlagzeilenfarbe.
- Tauschen Sie diesen neutralen Hintergrund gegen etwas einprägsamer aus.
- Verwenden Sie einen helleren Farbton für Schaltflächen oder Call-to-Action-Elemente. (Sie müssen nicht alle rot oder blau sein.)
- Verwenden Sie farbblockierende Hover-Status, um die Interaktion zu fördern.
3. Erstellen Sie ein symmetrisches Gleichgewicht
Zu Beginn meiner Designkarriere haben zu viele erfahrene Designer die Kraft perfekt symmetrischer Designs eingesetzt, um Harmonie und Ausgewogenheit zu schaffen. Rückblickend waren viele dieser Konzepte langweilig und viel zu sicher.
Asymmetrie kann Ihnen helfen, mehr visuelles Interesse und Gleichgewicht zu schaffen, ohne das Design in zwei Hälften aufzuteilen. Während es einen Ort für Symmetrie gibt, kann die Schaffung eines Gleichgewichts mit Gewicht, Raum und Elementen, die sich gegenseitig gegenüberstehen, sehr viel interessanter sein.
Um die Asymmetrie in Designprojekten bestmöglich zu nutzen, sollten Sie Folgendes berücksichtigen, um Harmonie und visuellen Fluss zu erzeugen:
- Elemente und Raum gegeneinander ausgleichen. Ein schweres Element kann sich ausgewogener anfühlen, wenn es mit Leerzeichen gekoppelt ist.
- Setzen Sie den Schwerpunkt auf Bewegung, um das Auge wie beabsichtigt durch das Design zu bewegen. Denken Sie darüber nach, wie Menschen lesen, und beginnen Sie mit schwereren Elementen und Text auf der linken Seite, die sich bewegen. nach rechts.
- Verwenden Sie Farbe, um Brennpunkte zu erstellen.
- Platzieren Sie alles in einem Raster, um ein Gefühl für Organisation und Fluss zu schaffen.
- Achten Sie auf das Gewicht. Asymmetrische Designs sollten sich nicht einseitig anfühlen. Der Benutzer sollte sich problemlos durch den Inhalt bewegen. Verwenden Sie statische Elemente wie die Navigation, um einen Container für asymmetrische Elemente zu erstellen.
Fazit
Das Brechen von Designregeln kann belebend sein? oder katastrophal. Treffen Sie die richtige Entscheidung, welche Regel (und wann) gebrochen werden soll, indem Sie über die Ziele Ihres Projekts oder Designs nachdenken.Wie kann ein Verstoß gegen eine Regel dazu führen, dass dieses Projekt besser funktioniert? Verbessert es die Benutzerfreundlichkeit, die Funktion oder die Fähigkeit des Benutzers, die Nachricht zu verstehen?
Wenn die Antwort "Ja" lautet, ist Ihr Projekt möglicherweise die perfekte Leinwand, um eine Regel zu brechen und etwas Neues und Anderes auszuprobieren. Brechen Sie nicht einfach eine Designregel, weil Sie sich langweilen. (Das ist wirklich kein guter Grund, viel zu tun.)