Ich bin ein mäßig fähiger Webentwickler. Ich kann Sachen dort hinstellen, wo ich sie haben möchte, und bei Bedarf JQuery-Sachen hineinstellen. Wenn ich jedoch meine eigene Website erstelle (was ich gerade beginne), habe ich keine Ahnung, wie ich sie gestalten soll. Wenn jemand neben mir einen Punkt auf den Bildschirm setzen und sagen sollte "dieses Bild dort hinstellen, Text dort hinstellen", kann ich das ganz einfach tun. Das Gestalten meiner eigenen Website mit einer Auswahl an Farben und Texten sieht jedoch so aus, als hätte es ein Kleinkind erfunden.

Kennt jemand Websites / Bücher, die ich ansehen kann, oder hat jemand Tipps zu den Grundlagen des Webdesigns für Kleinkinder?

Sie haben ein paar Dinge zu tun.

Tipps:

Erfahren Sie, wie Sie Photoshop verwenden. (Insbesondere Ebenenstile eignen sich hervorragend. Beachten Sie jedoch, dass die Neuimplementierung in CSS2 schwierig sein kann.) Dies trägt wesentlich dazu bei, gute Modelle zu erstellen.

Schauen Sie sich professionell gestaltete Websites an. Welche Sites haben Sie gesehen, die für Sie gut aussehen?

Finden Sie Websites, die Sie stören, und überlegen Sie, was Sie verbessern könnte. Schauen Sie sich auch die Produktwerbung an. Lebensmittelverpackung. Zeitungsanzeigen. Sie nennen es.

Üben, üben, üben, üben. Grafik braucht Zeit, um sich als eine Fähigkeit zu entwickeln, insbesondere von einem Programmierer, der Codierung zu berücksichtigen hat. (Farbverläufe vs "Tileability")

Werkzeuge:

(Photoshop ist ein persönlicher Favorit. Paint.NET ist eine gute Windows-Alternative, aber nicht ganz so leistungsfähig.)

Nathan Smiths 960-Rastersystem . Es enthält Vorlagen für viele der gängigen Grafikprogramme. Hör zu.

Verweise:

Schauen Sie sich einige dieser Websites an: (Ich habe mehr gesehen, ich werde versuchen hinzuzufügen, wenn ich auf sie stoße.)

• Eine Liste auseinander
• John McCain
• BarackObama.com
• Hayon2010.com (Okay, ich habe dieses gemacht, aber ich finde es schön. Bearbeiten: Ich würde mich auch über Kommentare freuen. ;-D)

Die praktische Seite

Es gibt definitiv einige praktische, schrittweise zu erlernende Aspekte des Designs. Nicht alles ist subjektiv.

   • Webdesign-Tutorials: http://webdesign.tutsplus.com/

   • Photoshop-Tutorials: http://psd.tutsplus.com/

   • Jede Menge Tutorials: Lynda

Inspiration

   • Website: Unübertroffener Stil

   • Website: Abduzeedo

   • Buch: Richtlinien für den Online-Erfolg

   • Website: Smashing Magazine

Design-Fähigkeiten

Allgemeines Design

   • Buch: Grafikdesign: Die neuen Grundlagen

   • Buch: Grafikdesign, referenziert

   • PDF: Die Großen Vier: Kontrast, Wiederholung, Ausrichtung, Nähe

Typografie

   • Buch: Mit Typ denken

   • Buch: Die Elemente des typografischen Stils

   • Artikel: http://en.wikipedia.org/wiki/Typography

   • Artikel: http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

Layout

   • Buch: Layout-Arbeitsmappe

Farbe

   • Buch: Farbdesign-Arbeitsmappe

   • Buch: Farbharmonie-Arbeitsmappe

Philosophie des Designs

"Der dümmste Fehler ist, Design als etwas anzusehen, das Sie am Ende des Prozesses tun, um das Chaos zu beseitigen, anstatt zu verstehen, dass es ein Problem des ersten Tages und ein Teil von allem ist." -Tom Peters

"Gutes Design macht den Benutzer glücklich, der Hersteller schreibt schwarze Zahlen und der Ästhet bleibt ungerührt." -Raymond Loewy

"Wirklich elegantes Design vereint erstklassige Funktionalität in einer einfachen, übersichtlichen Form." -David Lewis

"Gutes Design ist ein gutes Geschäft." -Thomas J. Watson Jr.

Weitere Zitate

Dies mag ein wenig vom Thema abweichen, aber ich erinnere mich, dass Jeff Atwood das Buch Don't Make Me Think nachdrücklich empfohlen hat . Es wird beschrieben, wie Sie Ihre Website für ein optimales Nutzererlebnis gestalten sollten.

Ogilvy on Advertising: In diesem Buch werden einige Grundlagen des Grafikdesigns sowie viel gesunder Menschenverstand bei der Erstellung von Flyern, Anzeigen usw. behandelt, auch wenn diese bereits vor der WWW-Ära geschrieben wurden.

Im Allgemeinen können Sie in Büchern und Zeitschriften zu den Themen Grafikdesign, Bildende Kunst, Innendekoration und Filmemachen stöbern - es gibt viele gemeinsame Gestaltungsprinzipien, um etwas optisch ansprechend zu gestalten und Informationen oder andere Inhalte ansprechend zu gestalten. So ähnlich wie Elektromagnetismus in der Elektronik, in der Planetenforschung, in der Chemie, im Nuklearbereich und in anderen Bereichen der Physik und Technik üblich ist.

Ein weiteres gutes Buch in diesem Bereich wäre The Design of Everday Things. Es behandelt viele praktische Ideen wie die Bevorzugung von Designs, die sich für eine einfache Verwendung eignen, indem ausgenutzt wird, wie Menschen auf natürliche Weise an eine neue Sache herangehen. Das Buch befasst sich nicht speziell mit UI oder Webdesign, aber ich glaube, es befasst sich ein bisschen damit.

Ein frühes Beispiel im Buch sind Türen. Er spricht darüber, wie Türen mit einem Knopf oder Griff auf einer Seite und sichtbaren Scharnieren intuitiv sind, weil Sie die Tür kennen, die durch Drücken oder Ziehen auf dieser Seite geöffnet wird. Ausgefallene Türen mit versteckten Scharnieren, Schiebestangen über die gesamte Tür oder zentrierten Knöpfen sind schwierig und erfordern einen Moment des Experimentierens, da sie nicht intuitiv zu bedienen sind.

Ein Werkzeug, das ich im Design von unschätzbarem Wert finde, ist Color Scheme Designer . Normalerweise wähle ich eine Farbe aus, um die ich das Design stützen möchte, und verwende dann das Schema "Analog", um einen schönen Satz passender Farben zu erhalten. Für mich ist es das Schlimmste, die richtigen Farben zu finden. Danach muss der Rest nur noch ein ansprechendes Layout erhalten und die begrenzte Farbpalette angewendet werden.