Design-Grundlagen: So denkst du wie ein Designer

Praxisnahes Kursprojekt

Gestalte eine persönliche Portfolio-Seite mit Raster, visueller Hierarchie, Typografie und Farbtheorie.

Einführung in das Design

1. Skizziere deine persönliche Seite

   Bereite deine Kopie in einem Umriss auf eine persönliche Seite vor, die du erstellen möchtest. Der Zweck der Design besteht darin, eine Botschaft zu kommunizieren oder ein Problem zu lösen, also versichere dich beim Ausgehen des Entwurfs nicht in die obigen Definitionen zu stören.

   Teile deine Umriss auf deiner Projektseite. Vergib dir das Feedback für andere Kursteilnehmer:innen.

Die Macht der Raster

1. Baue dein Raster auf

   Was ist ein Raster

   тЦа Ein Raster ist einfach eine Raumteilung auf einer Seite, um Struktur und Ordnung für den Inhalt zu erstellen.

   тЦа Es gibt unendlich Möglichkeiten, eine Seite zu teilen und dich dann eines der flexible Raster – das 12-Spaltenraster.

   тЦа Das Großartige an einem 12 mit 12 Spalten, ist das die kleinste Menge von Spalten, das dir die genau die gleichermaßen divisible Spalten geben.

   тЦа Das 12 kannst es in 12 Teile aufteilen

   Was ist die vorteilhafte Nutzung eines Raster

   тЦа Der Vorteil eines Raster besteht darin, dass es einfach macht, visuelles Gleichgewicht zu schaffen

   тЦа Es schafft Konsistenz und ist ein systematischer Ansatz.

   тЦа Es kann Skalierung skalierst, wenn du neue Dokumente erstellst.

   тЦа Anfang machen wir uns mit der Einrichtung eines Raster für unsere Seite

   тЦа Lekt unser Raster aufbringen.

   тЦа Ich könnte zwei Spalten erstellen und ein Logo und ein Nabel in einer beiden Spalte einfügen

   Gestalte das Grundlayout deiner persönlichen Seite mit dem Rastersystem.

   

   Es gibt viele verschiedene Tools, um mit:

   • Adobe Fireworks
   • Motiv
   • Sketch
   • Webflow
   • Macaw

Aufbau visueller Hierarchie

1. Nutze deine Umriss, um deine Hierarchie zu prüfen

   In der vorherigen Kurseinheit hast du eine Übersicht geschrieben. In dieser Kurseinheit kannst du die folgenden Prinzipien nutzen, um eine Hierarchie zu schaffen, die zu deiner Umriss passt.

   • Die Definition der visuellen Hierarchie ist die Ordnung, in der das menschliche Auge das Seht aufnimmt. Menschen sind die gleiche Gruppe in bedeutungsvollen Mustern to

   • Warum ist visuelle Hierarchie wichtig für dich?

     • Ich habe dir nur die ausgefallene Definition von visueller Hierarchie, aber vielleicht kannst du es so nachdenken.

     • Wir alle haben nur eine begrenzte Aufmerksamkeitsspanne. Wir sind dabei, von der Sitzung bis zum Tag, der Aufnahme von Kindern und dem Essen zu finden, um die nächste Folge des stuffing zu sehen.

     • Wenn wir etwas lesen, versuchen wir es so schnell wie möglich zu verstehen, um die Seite zu suchen, die nach Mustern suchen.

     • Wir suchen die Beziehungen zwischen den einzelnen Artikeln und wie all diese Elemente sich insgesamt auf eine Weise verbinden.

     • Wenn der Designer eine gute Arbeit macht, sollten wir die Bedeutung der Seite schnell einfangen und dann auswählen können, wenn wir sich noch mehr vertiefen möchten.

   • Hier sind die HauptMöglichkeiten, diese Hierarchie zu etablieren

     • Größe

     • Farbe

     • Raum

     • Ausrichtung

     • Implizit oder Explizit

Auswahl und Kombinieren von Schriftarten

1. Finden und Hinzufügen von Schriftarten
   • Auswahl einer Schrift
     • http://inspirationlab.files.wortpress.com/2010/04/infographiclarge_v2.png
       
       
   • Kombinieren von Schriftarten
     • Visuelles Kontrast ist wichtig.
     • Verwende keine zwei Schriftarten mit ähnlichen Merkmalen mit Eigenschaften. Wie die Helvetica und Franklin Gothic.
     • Serif- und Sans-Serif Schriftarten sind eine einfache Möglichkeit,
     • Wenn du zwei verschiedene Schriftarten aus dem gleichen Typografen kombinieren kannst, die normalerweise gut funktioniert.
     • Hier sind einige großartige Combos, die Hoefler Frere und Jones vorgeschlagen haben, eine bekannte Schriftfamilie gefaltet.
       
       
     • LINKS
       • http://bonfx.com/the-big-Buch-of-font-consors/?cmp=19
       • http://www.typogragrafy.com/email/2010_03/index.htm
       • http://www.smashingmagazine.com/2010/11/04/best-Practises-of-kombining-Schriftart
   • Größe
     • Verwende den Goldenen Verhältnisrechner
       • Ich könnte die Mathe dafür durchgehen, aber dieses Tool macht deine Arbeit für dich
       • http://www.pearsonified.com/2011/12/golden-Verhältnis-typografie.php.
   • Kerning
     • Der Raum zwischen zwei Buchstaben
     • Dies ist fast immer eine eye die es angehen muss, und du musst dich anpassen, bis sie dich richtig anfühlt. Je mehr du es machst, desto besser wirst du machen.
     • Sieh dir dieses fantastische Spiel an, das tolle Üben ist
     • http://type.method.ac
   • Font
     • NIEMAND dehnst eine Schrift vertikal oder horizontal. Ever. Wenn du das machst, werde ich dich nachsuchen.
     • Wenn du eine fantastische Schrift verwendst, verwende sie in der Moderation aus, Setze das ganze nicht in der Schrift ein
     • Der Schlüssel ist READABILITY. Stelle sicher, dass du deine Botschaft klar ausdrücken kannst.
     • verwende noch nie die Comic Sans oder Papyrus unter einem Umstände.

   LINKS

   • http://www.pearsonified.com/2011/12/golden-Verhältnis-typografie.php.
   • http://www.pearsonified.com/typography
   • http://www.thinkingwithtype.com/contents/letter http://www.thinkingwithtype.com/contents/letter
   • http://www.smashingmagazine.com/2010/12/14/what-font-should-i-use-five
   • http://designblog.reddoorla.com/design/type-categories-part-08-sans-serif/prinzip-prinzip-Prinzip

   
   Es gibt viele Orte, um hochwertige Schriftarten zu finden:

   • MyFonts
   • Typekit
   • Google Fonts
   • DaFont (kostenlos, aber nicht so hohe Qualität)

Persönlichkeit und Kontext in Farbe

1. Entdecke Farbpaletten und Kombination

   • Theres einen tollen Artikel über Farbpsychologie auf dem Blog, der im Blog HelpScout steht. Hier sind ein paar Hauptpunkte.

     • „Es hast es zahlreiche Versuche zur Klassifizierung von Farben gefallen, aber die Wahrheit ist die Reaktionen der Menschen die sich von ihren eigenen Erfahrungen deutlich beeinflusst von den eigenen Einheiten. Rot kann als „Gefahr“, aber für einen “danger”, ist es ganz wunderschön, das

     • Es ist viel wichtiger für die Farben deiner Marke, um deine Persönlichkeit zu unterstützen und zu den Anregungen zu finden, ansprechen sich zu den stereotypischen Farbkombinationen an.

   • Persönlichkeit und Kontext

     • Aber es geht nicht nur daraus, eine Farbe basierend auf Persönlichkeit zu wählen, sondern muss auch auf Kontext basieren. Grün kann man eine Umweltmarke wie GreenPeace gestalten, aber auch Grün kann verwendet werden, um eine Marke wie an zu entwerfen.

     • In diesem Fall kann auch Grün für beides gut verwendet werden.

     • Also verschlinge keine Farbe, weil Grün das Geld „Geldern“ – Grün könnte auch die Umgebung zusammenhängen.

   
   Es gibt eine Menge Ressourcen, um Farbkombinationen zu finden:

   • Kuler
   • Colourlovers
   • Farbschema Designer

ZUSÄTZLICHE RESSOURCEN

• Hier sind alle meine Notizen für den Kurs: