3 Wege zu lernen, wie man ein besseres Auge für Design hat

Willkommen zu Teil 1 unserer Miniserie „Effective Divi Web Design Principles“, in der wir effektive Designpraktiken untersuchen, um neue Webdesigner und diejenigen zu unterstützen, die sich als jemand ohne „Auge für Design“ identifizieren.

Im heutigen visuellen Zeitalter ist Design wichtiger denn je. Gutes Design kann Ihr Geschäft ausmachen oder zerstören, wenn es darum geht, potenzielle Kunden zu Kunden zu machen. Es kann den Unterschied ausmachen, ob Sie einen Verkauf tätigen oder einen potenziellen Kunden auf Ihrer Website abklicken lassen, um nach einem professionelleren Service oder Produkt zu suchen. Und während neue Webdesigner und -entwickler oft behaupten, ein „Auge für Design“ zu haben, gibt es einige grundlegende Designprinzipien, die jeder anwenden kann, um im „Design“-Teil des Webdesigns besser zu werden!

Vorwort der Serie:

• Die Strategien, Praktiken und Taktiken, die wir in dieser Serie behandeln, gelten für das Webdesign im Allgemeinen und sind nicht Divi-spezifisch, aber diese Serie basiert auf meiner Erfahrung als Divi-Webdesigner. Viele der erwähnten Referenzen, Layouts und Ausgangspunkte beziehen sich speziell auf Divi.
• Diese Serie ist hauptsächlich für Leute gedacht, die entweder neu im Webdesign sind oder die eine Entwickler-Denkweise haben und der Meinung sind, dass sie kein natürliches Auge für Design haben. Aber hoffentlich werden viele dieser Konzepte auch bereits etablierten Designern als Inspiration oder Auffrischung dienen.
• Hier im Blog wurden bereits großartige Webdesign-Prinzipien erwähnt, daher werden wir während der gesamten Serie auf einige frühere Beiträge und Ressourcen verweisen. Dies ist in erster Linie eine Richtlinie zu einigen der wichtigsten Prinzipien für gutes Design, die ich als erfolgreicher Divi-Webdesigner anwende, die Sie auch anwenden können!
• Schließlich gibt es bei gutem Design kein richtig oder falsch. Tatsächlich geht es darum, die populäre Meinung, Ihre persönliche kreative Meinung und die Wünsche des Kunden abzuwägen. Wir alle hatten diesen Kunden, der dachte, dass etwas großartig aussah, von dem wir wussten, dass es schrecklich aussah, oder? Nicht jeder wird diesen Design-Grundlagen zustimmen, aber man kann mit Sicherheit sagen, dass diese Prinzipien von professionellen Divi-Designern und der Webdesign-Community allgemein geteilt werden.

Hier ist ein Überblick über die Miniserie mit Blick nach vorne:

• Teil 1 – 3 Wege zu lernen, wie man ein besseres Auge für Design hat
• Teil 2 – 3 Wirksame Webdesign-Prinzipien für Nicht-Designer
• Teil 3 – 3 wichtige Designbereiche, auf die Sie sich bei jedem Website-Build konzentrieren sollten

Bevor wir eintauchen, muss ich sagen, dass, obwohl ich verstehe, dass einige Leute in der Kreativität begabter sind als andere, ich stark behaupte, dass SIE gute grundlegende Designprinzipien lernen können. Sie werden vielleicht nicht der Michelangelo von Divi, aber Sie können trotzdem einige gute Designpraktiken lernen, die Sie auf Ihre Webdesign-Bemühungen anwenden können. Ich erspare mir die Verlegenheit, einige meiner ersten Webdesigns zu veröffentlichen, aber ich sage nur, dass sich mein „Auge für Design“ ständig weiterentwickelt und jeden Tag reift. Ich habe noch lange nicht dort angefangen, wo ich heute stehe. Und ehrlich gesagt ist Design nicht nur im Webdesign wichtig. Es spielt eine große Rolle beim Organisieren von Inhalten, beim Schreiben von E-Mails, beim Aufnehmen guter Fotos mit Ihrem Telefon und mehr. Daher ist es sehr wichtig, einige Grundprinzipien zu kennen, die Sie auch auf andere Aspekte Ihres Lebens anwenden können.

Also, wenn Sie sich jemals dabei erwischt haben, eines der folgenden Dinge zu sagen;

• „Ich habe einfach kein Auge für Design.“
• "Ich habe keinen kreativen Knochen in meinem Körper."
• „Ich kann programmieren, aber nicht entwerfen.“

Dann ist diese Serie genau das Richtige für Sie! Lassen Sie uns darauf eingehen.

3 Möglichkeiten, sich vorzubereiten und zu lernen, wie man ein besseres Auge für Design hat

In der Welt des Webdesigns neigen Menschen dazu, sich mit einer von zwei Gruppen zu identifizieren:

Webdesigner – Ein Webdesigner, auch bekannt als (Front-End-Designer) wird wahrscheinlich von Design, Farben, Layout und Ästhetik des Webdesigns angezogen. Sie kommen wahrscheinlich aus einem Grafikdesign-Hintergrund oder vielleicht einem eher visuellen Medium wie Fotografie oder anderen kreativen Künsten. Wenn Sie mehr daran interessiert sind, wie die Dinge aussehen und sich anfühlen, als wie schnell sie geladen werden, wie sauber der Code sein könnte oder welche Anpassungen in die PHP- und CSS-Dateien eingeflossen sind, dann sind Sie höchstwahrscheinlich in diesem Boot

Webentwickler – Ein Webentwickler, auch bekannt als (Backend-Entwickler), wird sich wahrscheinlich mehr für Mathematik, Zahlen und den Bereich Webdesign, den Code, die Funktionalität und das Backend von Websites interessieren. Während ein „Designer“ Formen, Farben, Aussehen, Haptik usw. sieht, sieht eine eher entwicklerorientierte Person möglicherweise etwas Ähnliches wie die Matrix – Code, Funktionalität, Benutzerfreundlichkeit und Dinge, die unter der Oberfläche einer Website liegen.

Beides ist der Schlüssel zu einem erfolgreichen Website-Design und meiner Meinung nach braucht ein erfolgreicher Webdesigner eine gesunde Mischung aus Wissen in beiden Welten. Persönlich bin ich zwar mit Design und Entwicklung vertraut, aber ich fühle mich immer noch von der Designseite der Dinge angezogen. Ich muss immer härter arbeiten, um Ladezeiten, sauberen Code und Funktionalität zu berücksichtigen, anstatt mich ständig auf Design, Layout, Look and Feel zu konzentrieren. Aber für mein Gegenüber ist es genauso wichtig, sich auf ein ansprechendes Design zu konzentrieren, im Gegensatz zu einer schrecklich aussehenden Website, die schnell mit sauberem Code geladen wird.

Worüber wir hier wirklich sprechen, ist eine Mischung aus linker und rechter Gehirnhälfte. Dies ist wahrscheinlich für die meisten derzeit kein Geheimnis, aber es gibt zahlreiche Studien, die belegen, dass die linke Seite des Gehirns analytisch, mathematisch, sequentiell, logisch usw Dies ist der Schlüssel, um zu verstehen, WARUM Sie ein Designer oder Entwickler sein können.

Zusamenfassend,

Entwickler = Denker der linken Gehirnhälfte
Designer = Denker der rechten Gehirnhälfte

Ein Verständnis davon führt uns zum ersten Hauptpunkt.

1) Bereiten Sie Ihre Denkweise vor

Wenn Sie eher kreativ sind, müssen Sie höchstwahrscheinlich entweder härter an der Programmierung und der logistischen Seite des Webdesigns arbeiten und umgekehrt, wenn Ihre Tendenzen zur linken Seite des Gehirns tendieren, werden Sie Wir müssen etwas härter arbeiten, um ein gutes Auge für Design zu entwickeln. Wie oben erwähnt, bin ich eher ein Rechtshirn-Denker und ein Kreativer. Obwohl ich CSS liebe und jetzt mit PHP gefährlich werden kann, ohne zu viel zu schwitzen, habe ich nicht so angefangen. Ich musste sehr hart in den Bereichen des Webdesigns arbeiten, in denen ich nicht gut war.

Aber es begann mit meiner Denkweise. Ich wusste, in welchen Bereichen ich stark war und wo ich Arbeit brauchte. In diesem Punkt möchte ich Sie noch einmal ermutigen, SIE KÖNNEN gute Designprinzipien lernen und ein Auge für Design entwickeln, wenn Sie neu sind oder ein Entwickler ohne kreativen Knochen im Körper sind.

An dieser Stelle sagen Sie wahrscheinlich: „Das ist alles großartig, aber was kann ich tun, um meine Denkweise auf das Erlernen guter Designtechniken vorzubereiten?“ Obwohl wir alle anders lernen, erzähle ich Ihnen, was für mich funktioniert hat und was ich weiß, dass es für viele andere Divi-Designer in der Community funktioniert hat.

2) Wie man ein Auge für gutes Design lernt und entwickelt

Lernen Sie, indem Sie gute Website-Designs replizieren – Ja, ich habe es gesagt. Wenn Sie ein gutes Design sehen, versuchen Sie es neu zu erstellen, indem Sie Farben, Schriftarten, Abstände, Layouts usw. kopieren. Ich sage nicht, dass Sie eine Site abreißen, um sie als Child-Theme oder als Ihre Arbeit zu verkaufen, sondern aus pädagogischer Sicht , eine der BESTEN Möglichkeiten, das Design zu verbessern, besteht darin, eine bereits schön gestaltete Website zu replizieren. Sie werden erstaunt sein, wie viel Sie lernen und wie stark Sie sich fühlen, wenn Sie ein schönes Design nachahmen, das Sie nachahmen können.

Für Divi-bezogene Inspirationen finden Sie häufig hier im ET-Blog einige gute Designbeispiele über die monatlichen Site-Showcases wie dieses, durch Divi-Themenbeispiele oder indem Sie Ihren Lieblings-Divi-Designern folgen und sehen, was sie sich einfallen lassen!

Lernen Sie, indem Sie Designs überall untersuchen – Obwohl gedruckte Designs und andere Anzeigen möglicherweise nicht ideal sind, um Webdesign-Trends zu lernen, können Sie dennoch wertvolle Designprinzipien lernen. Wenn Sie beispielsweise eine Anzeige mit einem starken Bild sehen, deren Text modern und elegant gestaltet ist, können Sie diese Idee sehr gut als starkes Design auf Ihrer Website anwenden! Ich habe keine Angst davor, mit meiner Frau ins Einkaufszentrum zu gehen und in Make-up-Läden zu gehen, weil ich das als "Joshs trendiges Design mit der Zeit" verwende. Die Zeit, die ich früher damit verbracht habe, auf ein Telefon zu starren, wird jetzt oft produktiv damit verbracht, neue Designideen und -konzepte auszuprobieren, die ich auf meine Webdesign-Projekte anwenden kann!

Lernen Sie, indem Sie auf der Divi-Bibliothek aufbauen – Eines der zauberhaftesten Dinge beim Entwerfen einer Site mit Divi ist, dass es eine vollständige Bibliothek mit bewährten, effektiven Layouts und Designs enthält, auf denen Sie aufbauen können. Wenn Sie neu in Design und Divi sind oder beim Betrachten einer leeren Leinwand feststecken, können Sie eines der vorgefertigten Layouts aus der Bibliothek laden, Farben ändern, Bilder ersetzen und sofort loslegen! Beobachten Sie, wie die Überarbeitung eines bereits professionellen Designs Ihr Gehirn für Ihr nächstes Projekt trainiert.

Lernen Sie, indem Sie ein kostenloses wöchentliches Divi-Layout-Paket herunterladen und daraus aufbauen – Wenn Sie ein neues Elegant Themes-Mitglied sind oder es noch nicht wissen, gibt es hier im Blog wöchentlich professionell gestaltete Divi-Layout-Pakete, die KOSTENLOS heruntergeladen werden können. Diese sind nicht nur eine großartige Lern- und Inspirationsquelle, wenn Sie daran interessiert sind, im Design besser zu werden, sondern wie die oben genannten Bibliothekselemente sind dies auch großartige Ausgangspunkte, wenn Sie neu im Design sind!

3) Holen Sie sich Feedback und konstruktive Kritik zu Ihrer Arbeit

Schließlich ist eine der besten Möglichkeiten, Ihr Design zu verbessern, Feedback von anderen zu erhalten. Wenn Sie in ein Projekt eingebettet sind, verlieren Sie oft leicht die Orientierung, was gut und was schlecht aussieht. Feedback und konstruktive Kritik zu Ihrer Arbeit zu erhalten, ist der Schlüssel, um im Design besser zu werden.

Jetzt verstehe ich es, das ist leichter gesagt als getan. Und Sie möchten wahrscheinlich vermeiden, zerstört oder demoralisiert zu werden, insbesondere wenn Sie noch lernen, aber wenn Sie Divi verwenden, haben Sie automatisch Zugang zu der engagiertesten, unterstützendsten und hilfreichsten Online-Community. Es gibt zahlreiche Möglichkeiten, sich mit Divi Nation zu verbinden, aber meine persönliche Vorliebe sind Divi Facebook-Gruppen. Ich habe absichtlich die Divi Web Designers Facebook-Gruppe ins Leben gerufen, mit dem Hauptzweck, Arbeiten posten zu können, um professionelle, hilfreiche Kritik und Feedback zu erhalten, damit wir alle bessere Divi Web Designer werden können. Wenn Sie eine vertrauenswürdige Familie, Freunde oder vielleicht andere Webdesign-Kollegen mit einem guten Auge für Design haben, empfehle ich auch dringend, ihre Meinung einzuholen, wenn Sie kein Feedback online erhalten möchten.

Ich finde es sehr nützlich, Feedback zu erhalten, da es oft auf schlechtes Design, das übersehen wird, auf Verbesserungsbereiche oder mehr hinweist. Ein Bereich, in dem ich beispielsweise keine große natürliche Begabung habe und in dem ich hart arbeiten muss, ist die Typografie. Vor nicht allzu langer Zeit arbeitete ich an einer Site, die meiner Meinung nach von Kopf bis Fuß großartig aussah, und als ich Feedback bekam, wurde mir gesagt, dass der von mir verwendete Typ nicht zum „Gefühl“ der Site zu passen schien. Nachdem ich den anfänglichen Stolz des Designers abgewischt hatte, wurde mir klar, dass sie nicht richtiger hätten sein können. Der Typ entsprach tatsächlich nicht dem Gefühl der Site. Seitdem habe ich gelernt, mir besonders bewusst zu sein, welche Schriftarten ich wähle, um sie an das richtige Erscheinungsbild der Website anzupassen, anstatt mich an meine „Go-tos“ zu halten.

Wenn Sie also mutig genug sind, konstruktive Kritik zu bekommen, können Sie dies gerne in unserer Divi Web Designers Facebook-Gruppe oder in einer anderen Online-Divi-Community tun, wenn sie den Richtlinien der Gruppe entspricht. Und als Randnotiz: Wenn Sie Feedback geben, möchte ich Sie ermutigen, besonders vorsichtig mit Ihren Worten und Ihrer konstruktiven Kritik zu sein. Wenn Sie Feedback geben, denken Sie daran, die Person aufzubauen und nicht zu zerstören.

Abschließend

Ich hoffe, diese Einführung in die effektiven Divi-Webdesign-Prinzipien hat Sie inspiriert und für den Rest der Serie aufgepumpt! Auch hier war dieser erste Beitrag eher eine Einführung und Vorbereitung auf das, was vor Ihnen liegt, ist aber dennoch wichtig, denn bevor Sie im Design besser werden können, beginnt es mit der Vorbereitung Ihrer Denkweise auf das Lernen.

Haben Sie weitere Gedanken oder Praktiken zum Erlernen besserer Webdesign-Techniken? Lass es uns in den Kommentaren unten wissen!

Morgen: 3 effektive Webdesign-Prinzipien für Nicht-Designer

Nachdem wir uns nun mit der Vorbereitung und dem Erlernen eines besseren Auges für Design befasst haben, ist es an der Zeit, sich mit einigen umsetzbaren, praktischen Designprinzipien zu befassen, die dazu beitragen, Ihr Designspiel auf die nächste Stufe zu heben! Bis dann!

Abonnieren Sie unbedingt unseren E-Mail-Newsletter und unseren YouTube-Kanal, damit Sie keine große Ankündigung, keinen nützlichen Tipp oder ein Divi-Werbegeschenk verpassen!