Wie können Sie lernen, gut aussehende Websites zu entwerfen? [abgeschlossen

softwareengineering.stackexchange https://softwareengineering.stackexchange.com/questions/558

  •  16-10-2019
  •  | 
  •  

Frage

Ich bin ein mäßig fähiger Webentwickler. Ich kann Sachen geben, wo ich möchte, dass es ein paar JQuery -Sachen hineinlegt, wenn ich muss. Wenn ich jedoch meine eigene Website mache (was ich anfange) habe ich keine Ahnung, wie ich sie entwerfen soll. Wenn jemand neben mir einen Punkt auf dem Bildschirm sitzen und "dieses Bild dorthin, Text dort" sagen sollte, kann ich das ziemlich leicht tun. Das Entwerfen meiner eigenen Website mit meiner Auswahl an Farben und Text sieht so aus, als hätte ein Kleinkind es erfunden.

Kennt jemand Websites/Bücher, die ich mir ansehen kann, oder hat jemand Tipps zu den Grundlagen des Nicht-Toddler-Webdesigns?

War es hilfreich?

Lösung

Sie haben ein paar Dinge zu tun.

Tipps:

Lernen Sie, Photoshop zu verwenden. (Insbesondere sind die Ebenenstile ausgezeichnet. Beachten Sie nur, dass sie schwierige Auswirkungen haben können, um in CSS2 neu zu implementieren.) Es trägt wesentlich dazu bei, gute Modelle zu machen.

Schauen Sie sich professionell gestaltete Websites an. Welche Websites waren Sie auf diesem auszusehen für Sie?

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

Sobald Sie anfangen, den Dreh raus zu bekommen, zu üben, zu üben, zu üben. Grafik braucht Zeit, um sich als Fähigkeit zu entwickeln, insbesondere von einem Programmierer, der eine Kodierung berücksichtigt hat. (Gradienten gegen "Stilabilität")

Werkzeug:

(Photoshop ist ein persönlicher Favorit. Paint.net ist eine gute Windows -Alternative, aber nicht ganz so mächtig.)

Nathan Smiths 960 Gittersystem. Es hat Vorlagen für viele der Mainstream -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)

Andere Tipps

Die praktische Seite

Es gibt definitiv einige praktische Schritt-für-Schritt-Aspekte des Designs, die wichtig zu lernen sind. Nicht alles ist subjektiv.

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

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

• Tonnen von Tutorials: Lynda

Inspiration

• Webseite: Unerreichten Stil

• Webseite: Abduzeedo

• Buch: Richtlinien für den Online -Erfolg

• Webseite: Smashing Magazine

Designfähigkeiten

Allgemeines Design

• Buch: Grafikdesign: Die neuen Grundlagen

• Buch: Grafikdesign, verwiesen

• PDF: Die Big Four: 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: Arbeitsbuch für Farbdesign

• Buch: FARBE Harmonie Arbeitsmappe

Entwurfsphilosophie

"Der dümmste Fehler ist das Design als etwas, das Sie am Ende des Prozesses tun, um das Chaos aufzuräumen, anstatt zu verstehen, dass es sich um ein" Tag eins "-Anproblem und ein Teil von allem handelt." -Tom Peters

 

"Gutes Design hält den Benutzer zufrieden, der Hersteller im Schwarzen und das Ästhete inofftiert." -Raymond Loewy

 

"Wirklich elegantes Design beinhalten erstklassige Funktionen in eine einfache, übersichtliche Form." -David Lewis

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

Weitere Zitate

Dies mag ein leichtes Thema sein, aber ich erinnere mich, dass Jeff Atwood das Buch dringend empfohlen hat Lass mich nicht zum Nachdenken. Es beschreibt, wie Sie Ihre Website für die beste Benutzererfahrung entwerfen sollten.

Ogilvy on Advertising: Dieses Buch behandelt einige Grundlagen des Grafikdesigns sowie viel gesunder Menschenverstand bei der Herstellung von Flyer, Anzeigen usw. Auch wenn es vor dem WWW -Ära geschrieben wurde.

Allgemeiner durchsuchen Sie Bücher und Zeitschriften zu Grafikdesign, Kunst, Innenausstattung, Filmemachen - es gibt viele gemeinsame Designprinzipien, um visuell attraktiv zu machen und Informationen oder andere Inhalte attraktiv zu machen. Wie Elektromagnetismus für Elektronik, Planetenwissenschaft, Chemie, Kern- und andere Bereiche der Physik und Ingenieurwesen gemeinsam ist.

Ein weiteres gutes Buch in diesem Raum wäre Das Design von allgemeinen Dingen. Es deckt viele praktische Ideen ab, wie die Bevorzugung von Designs, die sich für den einfachen Gebrauch auswirken, indem sie ausnutzen, wie Menschen sich natürlich einer neuen Sache nähern. Das Buch geht es nicht speziell um Benutzeroberfläche oder Webdesign, aber ich glaube, ich glaube, ich glaube.

Ein frühes Beispiel im Buch sind Türen. Er spricht darüber, wie Türen mit einem Knopf oder Handlungsgriff auf einer Seite und sichtbaren Scharnieren intuitiv sind, weil Sie die Tür kennen, die sich durch Drücken oder Ziehen auf dieser Seite öffnen. Ausgefallene Türen mit versteckten Scharnieren, Schiebenstangen über die gesamte Tür oder zentrierte Knöpfe sind schwierig und erfordern einen Moment der Experimente, da sie nicht intuitiv sind.

Ein Werkzeug, das ich im Design von unschätzbarem Wert finde, ist Farbschema -Designer. Ich wähle normalerweise eine Farbe aus, die ich gerne um das Design stützen möchte, und verwende dann das "Analogische" Schema, um eine schöne Reihe passender Farben zu erhalten. Für mich ist es der schlimmste Teil für mich, die Farben richtig zu machen. Danach bekommt der Rest nur ein schönes Layout und das Anwenden der begrenzten Farbenpalette.

Lizenziert unter: CC-BY-SA mit Zuschreibung
scroll top