1. Verstehen der wichtigsten Konzepte der visuellen Gestaltung
Linie
Jeder Buchstabe, jede Umrandung und jede Unterteilung in einem Layout besteht aus Linien, die seine größere Struktur ausmachen. Webdesign zu lernen bedeutet zu verstehen, wie man Linien verwendet, um Ordnung und Gleichgewicht in einem Layout zu schaffen.
Formen
Die drei grundlegenden Formen im visuellen Design sind Quadrate, Kreise und Dreiecke. Quadrate und Rechtecke eignen sich für Inhaltsblöcke, Kreise für Schaltflächen, und Dreiecke werden häufig für Symbole verwendet, die eine wichtige Nachricht oder einen Aufruf zum Handeln begleiten. Quadrate werden mit Stärke assoziiert, Kreise mit Harmonie und Komfort und Dreiecke mit Bedeutung und Aktion.
Textur
Textur bildet etwas in der realen Welt ab. Durch die Textur erhalten wir eine Vorstellung davon, ob etwas rau oder glatt ist. Texturen sind im gesamten Webdesign zu finden. Von papierartigen Hintergründen bis hin zu den bunten Strähnen eines Gaußschen Weichzeichners: Achten Sie auf die verschiedenen Arten von Texturen, die Ihre Designs interessanter machen und ihnen ein Gefühl von Körperlichkeit verleihen können.
Farbe
Wenn Sie lernen wollen, wie man Webdesign betreibt und Websites erstellt, die die Augen nicht belasten, sollten Sie sich in der Farbtheorie weiterbilden. Das Verständnis des Farbkreises, der Komplementärfarben, der Kontrastfarben und der Emotionen, die verschiedene Farben hervorrufen, wird Sie zu einem besseren Webdesigner machen. Ein wichtiger Teil des Wissens über Webdesign ist das Wissen, welche Farbkombinationen gut zusammenpassen.
2. Die Grundlagen von HTML kennen
Die Hypertext Markup Language (HTML) gibt vor, wie der Inhalt, die Bilder, die Navigation und andere Elemente einer Website in einem Webbrowser angezeigt werden. Auch wenn Sie kein HTML-Experte sein müssen, ist es dennoch hilfreich, wenn Sie mit der Funktionsweise vertraut sind, selbst wenn Sie eine visuell basierte Designplattform wie Webflow verwenden.
HTML-Tags sind die Anweisungen, die ein Browser verwendet, um eine Website zu erstellen. Überschriften, Absätze, Links und Bilder werden alle durch diese Tags gesteuert. Sie sollten vor allem wissen, wie Überschriften-Tags wie H1, H2 und H3 für die Hierarchie des Inhalts verwendet werden. Kopfzeilen-Tags wirken sich nicht nur auf die Layout-Struktur aus, sondern sind auch wichtig für die Klassifizierung eines Designs durch Web-Crawler und für die Platzierung in den organischen Suchergebnissen.
Wenn Sie mehr über die grundlegenden Konzepte von HTML und CSS erfahren möchten, sehen Sie sich diese Webflow University-Lektion an.
3. Verstehen Sie CSS
CSS (oder Cascading Style Sheets) bietet Styling und zusätzliche Anweisungen, wie ein HTML-Element aussehen soll. Mit CSS können Sie z. B. Schriftarten anwenden, Polsterungen hinzufügen, Ausrichtungen festlegen, Farben auswählen und sogar Raster erstellen.
Wenn Sie wissen, wie CSS funktioniert, sind Sie in der Lage, einzigartig aussehende Websites zu erstellen und vorhandene Vorlagen anzupassen. Sehen wir uns einige Schlüsselkonzepte von CSS an.
4. Lernen Sie die Grundlagen des UX-Designs
Diejenigen, die Webentwicklung lernen wollen, verwechseln oft UI und UX. UX (User Experience) ist die Magie, die eine Website zum Leben erweckt und sie von einer statischen Anordnung von Elementen in etwas verwandelt, das die Emotionen von Personen anspricht, die durch die Website scrollen.
Das Farbschema, der Inhalt, die Typografie, das Layout und die visuellen Elemente werden zusammengefügt, um dem Publikum zu dienen. Beim User Experience Design geht es um Präzision und das Hervorrufen von Gefühlen. Es bietet dem Nutzer nicht nur eine reibungslose Reise, sondern verbindet ihn auch mit dem Unternehmen oder der Marke hinter dem Webdesign.
5. Machen Sie sich mit dem UI-Design vertraut
UI-Design (User-Interface-Design) ist ein weiteres wichtiges Thema, mit dem Sie sich beschäftigen werden, wenn Sie Website-Design lernen. Eine Benutzeroberfläche ist ein Mechanismus, der ein Stück Technologie in Aktion bringt. Ein Türknauf ist eine Benutzeroberfläche. Der Lautstärkeregler an Ihrem Autoradio, an dem Ihr Lebensgefährte ständig herumspielt, ist eine Benutzerschnittstelle. Und das Tastenfeld, in das Sie Ihre PIN am Geldautomaten eingeben, ist eine Benutzerschnittstelle. Genauso wie Knöpfe und andere Mechanismen in der realen Welt es ermöglichen, mit Maschinen zu interagieren, ermöglichen die Elemente der Benutzerschnittstelle auf einer Website, Aktionen auszulösen.