Wo sollte ich mit dem Programmieren anfangen, um Webdesign zu lernen?

Dies ist die Antwort, die ich auf die ähnliche Stapelüberlauffrage gepostet habe. Danke für die Warnung.

Ich habe vielleicht eine einzigartige Perspektive darauf, weil ich am College ein Doppelstudium in Informatik und Kunst absolviert habe. Es hört sich nicht so an, als hätten Sie tatsächlich den Ehrgeiz, Grafikdesigner zu werden, sondern Sie möchten in der Lage sein, Websites selbst zu erstellen, ohne dass sie wie Mist aussehen. Ein bewundernswertes Ziel :) Ohne den ernsthaften Antrieb und ohne latente künstlerische Fähigkeiten werden Sie niemals Grafikdesigner. Aber keine Angst! Das müssen Sie nicht sein. Du kannst verdammt weit kommen, wenn du nur ein paar Grundregeln anwendest.

1. Richten Sie eine gute visuelle Hierarchie ein. Das ist das 20.000-Fuß-Zeug. Wo ist Ihr Navi? Wo sind Ihre Inhalte? Hast du einen Hinweis darauf, wo du bist und wohin du gehen kannst? Denken Sie immer daran, wie eine Person die Seite liest. Oben links nach unten rechts zeigt an, wie wichtig etwas ist. Größere Schriftarten sind wichtiger als kleinere Schriftarten. Das ist gesunder Menschenverstand, aber es macht einen großen Unterschied.
2. Weißer Raum. Leerraum ist ein Luxus, geben Sie ihn nicht so schnell auf. Packen Sie nicht alles auf möglichst kleinem Raum zusammen. Leerraum hilft Ihnen, Informationen zum leichteren Lesen zusammenzufassen, und lässt ein Design weniger überwältigend erscheinen.
3. Achten Sie sowohl auf Konsistenz als auch auf Variation. Konsistenz ist äußerst wichtig, damit eine Website "designt" und nicht zusammengewürfelt aussieht. Aber gehen Sie nicht zu weit. Konsistenz bedeutet nicht, dass alles gleich ist. Ohne ein wenig Abwechslung auf der Seite fügt sich alles zusammen. So müssen Sie beispielsweise sicherstellen, dass es einen Unterschied zwischen Ihrer Kopfzeilenschrift (nicht unbedingt die Schriftfamilie, aber Größe, Gewicht, Farbe usw.) und Ihrer Absatzschrift gibt. Aber Sie müssen konsequent sein, dass jeder Header einer bestimmten Ebene gleich ist. Und Sie möchten nicht, dass zu viele verschiedene Schriftarten und -größen verwendet werden, oder es sieht einfach zu beschäftigt aus. Hier ist CSS erstaunlich.
4. Farben. Ich denke, Farben sind das Extra, mit dem die meisten Nicht-Designer zu kämpfen haben. Es könnte sich lohnen, ein wenig Farbtheorie zu lernen, um zu verstehen, welche Farben zusammenwirken, aber hier sind ein paar Tipps. Stellen Sie es sich wie die Dekoration eines Zimmers vor.
   • Verwenden Sie nicht zu viele Farben oder Ihr Zimmer wird wie ein Karneval aussehen. Das gleiche mit einer Webseite. Wählen Sie 2 Farben aus, die funktionieren, und ändern Sie einfach die Tönung und den Ton, um mehr zu erhalten. Dadurch wird ein Thema eingerichtet.
   • Verwenden Sie gedämpfte oder neutrale Farben. Je größer die Farbfläche, desto gedämpfter sollte sie sein. Mit gedämpft meine ich sowohl leichter als auch weniger primär. Stellen Sie sich einen Raum vor, in dem die Wände in einem kräftigen Kirschrot gestrichen sind. Erschreckend. Lebhafte Farben ziehen das Auge sehr gut an und können bei Bedarf in kleineren Dosen verwendet werden. Wie eine dunklere Verkleidung in einem helleren Raum. Es kann gut auf Links oder Grenzen funktionieren.
   • Like white space, make sure that you decide on your base background color. This becomes the color that you really don't see, your mind just fades it into the background. This is often times white, but can also be slightly colored or tinted. Use a lot of it. It creates breathing room and makes for a nice readable surface. Some designs use a darker color for the background, but I would leave that one up to the professionals. If you aren't using white for this color, then white becomes a color that you do see. Try to follow the same rules with it as you would for a more vibrant color, because it will be the brightest possible color on the screen.

Beyond that list, it's really just a matter of practice. As you're working, show the design to someone else and listen to them. Look at other designs and try to work something you like into your design. Just remember to start slow. You don't need the fancy stuff until the end. After you've gotten through the list and it looks pretty good but maybe a little plain, then you can add some extras. Some rounded corners here, and a logo there, and pretty soon it looks like it might just have been done by a designer.

Denken Sie daran, dass der Inhalt König ist. Sie erstellen die Website nicht für ein Design-Portfolio, also geht es beim gesamten Grafikdesign wirklich nur darum, den Inhalt auf eine Weise zum Benutzer zu bringen, die leicht lesbar, navigierbar und angenehm für das Auge ist. Ein gutes Design ist eines, das der Benutzer nicht einmal bemerkt, denn wenn er es bemerkt, steht es ihm wahrscheinlich im Weg.