Agenda für workshop am 29.10.99


		Agenda für Workshop am 29.10.99
		Allgemeine Gestaltungsgrundregeln Ziel dieses workshop ist es, ein Gefühl für die grafische Gestaltung für unterschiedliche Medien (insbesondere von Internetseiten) zu bekommen. Wir werden sehen, welche gestalterischen Elemente es gibt, wie man die richtige Auswahl trifft und wie man sie für eigene Zwecke am besten einsetzen kann. Zunächst wird es eine allgemeine Übersicht mit entsprechenen Hintergrundinformationen geben. Dabei soll auf die grundlegenden Elemente und Gestaltungsregeln eingegangen werden. Das Erstellen von Formularen ist aus Zeitgründen nicht vorgesehen! In einem praktischen Workshop werden wir dann eine ‚kommerzielle‘ Seite fürs Papier entwerfen und auf diesen Erfahrungen aufbauend eine WEB-Seite gestalten. Dabei sollen die Unterschiede diskutiert und Lösungen gefunden werden, wie man ein Layout erhalten bzw. verwirklichen kann. Schrift und Text Schriftarten Was sind Schriftschnitte und Schriftfamilien? Schrifttypen: TTF, PS, Bitmap Schriftmischung Welche Schriften passen zusammen und welche Kombinationen sollte man vermeiden? Schriftgrößen kombinieren Gestalten mit Text Ausrichtung (links, rechts, zentriert) Dreizeilenfall Text als ‚Grafik‘ Spaltensatz/Tabellen Rechtschreibung Farbe Allgemein Was ist Farbe? Farbmodelle, Farbräume (RGB, CMYK, CIE, Lab), ‚Schuhsohle‘ Farbsysteme 12 teiliger Farbkreis Beziehungen zwischen den Farben ‚Farbpsychologie‘ Auswahl der Farben Grafik und Bilder* Bildbearbeitung Welcher Farbraum für welche Anwendung? Allgemeines zur Bildbearbeitung (Kontrast, Transferkurve, ...) Mit welchen Auflösungen arbeiten: Scanner Digitalkameras Welches sind die wichtigsten Dateiformate für Bilder und worin unterscheiden sie sich? JPG (kleine Dateien, müssen im Rechner ‚entpackt‘ werden) GIF (interlaced, Animationen) TIFF (für Internet ungeeignet! Aber Standardformat in Druckerein!) Grafiken Gestaltung Konvertieren nach HTML mit CorelBarista! (Erfordert CorelBarista PlugIn!!!) Welche Möglichkeiten fürs Internet? (Diskussion!) Gestaltung Unterschiede: Printmedien – Bildschirmmedien Formate: DIN Formate, Bildschirmgröße (14", 15", 17" 19",...), Bildschirmauflösungen den ‚Blick‘ des Betrachters führen Akzente setzen und Farben gezielt einsetzen Nicht zuviele Farben (farbig, aber nicht bunt!) Kontraste und Spannungen schaffen Inhaltlich sinnvoll strukturieren Auf leichte Lesbarkeit achten Schnelles Erfassen der ‚Highlights‘ Grafische Elemente (Linien, kleine Grafiken,...) und Textelemente (Einzüge, Formatierungen,... ) gezielt und nicht übertrieben einsetzen Auf Zeilenumbrüche und Trennungen achten Seitenaufbau Titel Menüleiste (horizontal, vertikal, als Grafik) ‚MasterBoards‘, (fertige Verknüpfungen) und Stammelemente auf jeder Seite ‚Frames‘: Vor- und Nachteile auf ‚zeitliche Reihenfolge‘ achten! Tests Seite auf möglichst verschiedenen Rechnern und Bildschirmauflösungen testen Aufbaugeschwindigkeit (auch über langsame Modems) Kontrast Was wird als erstes aufgebaut, was sticht sofort ins Auge Benutzerfreundlichkeit, Handhabung und Bedienbarkeit Logik? Arbeitsvorbereitung (anhand des Beispielprojekts durchspielen) Erarbeiten eines Konzeptes Schriftauswahl Auswahl der Einzelelemente (Hintergrund, Titel, Banner, Buttons, ...) Seitenaufbau skizzieren (Frames, Überschriften, Spalten, ...) Diagramm für die Links helfen die Übersicht zu bewahren Ist eine weitere Verwendbarkeit notwendig, z.B. für Printmedien Werkzeuge zur Gestaltung Allgemeine Software Freehand, Corel, Illustrator, Photoshop, Designer, ... WEB-Werkzeuge MS Frontpage Adobe PageMill Shareware: z.B.: HotDog, Net Objects Fusion, ... Projekt Print: Flugblatt für ein Ferienhaus im Hochformat 10,5 cm x 21 cm, 1Titelbild und (2 Farben) 3-4 Bilder/Grafiken für den Innenteil, es soll 3-farbig gedruckt werden WEB: Inhaltlich das Gleiche wie oben, nur eben auf die Besonderheiten einer Homepage zugeschnitten: Begrüßungsbildschirm Bildauflösung Textfluß Link auf min. eine weitere Seite Einfaches JAVA Script (falls noch Zeit dafür ist!)