Schlagwort-Archiv: layout

Typografie | Übung 8

Zum einem sollte Typografie den Inhalt unterstützen – neutrale Typografie gibt es nicht – und zum anderen soll die gewählte Schriftart (besonders bei Mengentext) gut lesbar sein.

Heute dreht sich alles um Typografie.

Bildschirmfoto 2015-06-05 um 21.00.04

Aufgabe I

Display Typografie

Auftrag: Gestalten Sie ein CD-Cover Ihrer Lieblingsband (Bandname und CD Titel).

Das Album "TO THE SEA" von JACK JOHNSON
Das Album “TO THE SEA” von JACK JOHNSON

 

und meine Version nach der Bearbeitung
und meine Version nach der Bearbeitung
 __________________________________________________________________
Aufgabe II

Um die (Bild-/)Textgestaltung zu üben, sollten wir einen modernen Designvorschlag für die Wikipedia-Seite erstellen.

Schriftwahl, Textstrukturierung, Auszeichnungen

Heute gestaltete ich folgende Wikipedia-Seite neu: http://de.wikipedia.org/wiki/Versal neu.

Angelegt auf eine Screenbreite von 1024 px.

Und hier die neue Website
Und hier die neue Website

 

Aufgabe III

Typografie-Sünden

Bildschirmfoto 2015-05-11 um 20.34.31

Bildschirmfoto 2015-05-11 um 20.35.35

Bildschirmfoto 2015-05-11 um 20.35.46

Form | Übung 3

In dieser Übung musste ich ein Memoryspiel aus nur schwarz/weissen Grundformen erstellen.

Den Link zum Memory-Spiel von mir findet Ihr –> hier <–

Zuerst skizzierte ich die Elemente auf Papier, dann übertrug ich es in den 
 Ilustrator und zuguter Letzt machte ich ein einfaches Online-Spiel daraus.

 Entwurf der Karten

Ich habe mich für gefüllte, schwarze Kreise entschieden mit einem weisen Motiv.
Ich habe mich für gefüllte, schwarze Kreise entschieden mit einem weisen Motiv.

 

Das ganze dann im Illustrator bearbeitet und weiter entwickelt.
Das ganze dann im Illustrator bearbeitet und weiter entwickelt.

Das Design der Karten

Bis ich dann 5 verschiedene  Paare hatte
Bis ich dann 5 verschiedene Paare hatte

 

Das Spiel als Online-Game

Zuletzt habe ich das Spiel noch programmiert, resp. einen geeigneten Code im Netz gefunden der auf HTML und Java-Script basiert.

Mit Dreamweaver habe ich dann noch am Layout gebastelt und hochgeladen.
Mit Dreamweaver habe ich dann noch am Layout gebastelt und hochgeladen.

Den Link zum Memory-Spiel von mir findet Ihr –> hier <– Probier es  aus!

Form | Übung 2

Gleichgewicht, Ungleichgewicht oder Bewegung

Hier habe ich 5 abstrakte Kompositionen mit folgenden Elementen:
4 gleich lange schwarze Streifen im weissem Quadrat. Man versucht mit unterschiedlichen Anordnungen Gleichgewicht, Ungleichgewicht und Bewegung zu erzeugen.

Die Vorlage mit 4 gleichen Balken.
Die Vorlage mit 4 gleichen Balken.

 

Gleichgewicht vorhanden - stabile Lage, oder?
Gleichgewicht vorhanden – stabile Lage, oder?
Der eine Querbalken hat das Bedürfnis nach unten zufallen, jedoch stützt ihn ein andere Balken - immer noch stabil.
Der eine Querbalken hat das Bedürfnis nach unten zufallen, jedoch stützt ihn ein andere Balken – immer noch stabil.
Wie lange dauert es bis der obere Balken auf den kleinen fällt? Ungleichgewicht im Bild.
Wie lange dauert es bis der obere Balken auf den kleinen fällt? Ungleichgewicht im Bild.
Bilder können nicht nur ungleich erscheinen oder instabil - sondern sie können auch unruhig wirken.
Bilder können nicht nur ungleich erscheinen oder instabil – sondern sie können auch unruhig wirken.
Unterschiedliche Abstände lassen ein Bild auch unruhig wirken
Unterschiedliche Abstände lassen ein Bild auch unruhig wirken