Webdesign

Wettbewerb Typografisches Layout: Mitmachen und Gewinnen!

28. Mai 2009
von

Die Gewinner des Wettbewerbs stehen nun fest. Danke für die Teilnahme!

Eine effektive Seite muss weder bunt noch abwechslungsreich sein. Um eine Botschaft zu übermitteln, genügt es den Schwerpunkt auf Inhalte der Seite zu legen und mit eleganter eindrucksvollen Typografie zu arbeiten. Doch leider gibt es online nur wenige professionelle Vorlagen, auf deren Grundlage man als Web-Designer aufbauen und schöne typografische Designs entwickeln könnte. Das möchten wir ändern.

Gleichzeitig und zusammen mit dem Smashing Magazine haben wir deshalb einen Typographic Layout Design Contest ins Leben gerufen. Dabei handelt es sich um einen Wettbewerb um die schönsten typografischen (X)HTML+CSS-basierten Layouts. Wir werden die besten Arbeiten auswählen, präsentieren und natürlich auch belohnen. Außerdem werden die besten eingereichten Layouts der Designcommunity kostenlos zum Download angeboten, natürlich mit dem Hinweis auf die Designer, die Layouts entworfen haben.

Was kann man gewinnen?

Selbstverständlich gibt es auch ein paar tolle typografische Preise zu gewinnen. Und da haben wir uns etwas einfallen lassen. Die Gewinner des Wettbewerbs dürfen selbst aussuchen welchen der unten aufgelisteten Preise sie haben möchten:

Typographic Top Trumps style cards
Rick Banks hat klassische Schriften benutzt, um traditionellen Spielkarten ein bisschen Originalität zu verleihen. “Type Trumps” ist ein Spiel, in dem verschieden Schriften unterschiedliche Werte zugewiesen werden. Zusammen mit speziellen Regeln sollen Type-Junkies dadurch mehr Spaß an Spielkarten haben. Unter anderen sind Avant Garde, Futura, Times, Helvetica, Johnston Underground, Neu Alphabet und viele andere Schriftarten im Spiel vertreten.

Type Trumps

The Typographic Desk References
The Typographic Desk References ist ein ausführliches Nachschlagewerk zum Thema “Typografie”: das Buch beschreibt sämtliche typografische Begriffe, wobei viele Beispiele den Sachverhalt anschaulich erläutern. Schön und nützlich, geschrieben und gestaltet von Theodore Rosendorf.

Cast

Ugmonk Type T-Shirts
Originelle typografische T-Shirts, gesltaltet von Jeff Sheldon.

T-Shirts

Typographische Kissen
Schöne und weiche typografische Kissen, entworfen und erstellt von französischen Designern Claire Eglizeaud und Paul Moreau.

Pillows

Haptic Typeface License
Eine Lizenz für die hochwertige Schriftfamilie Haptic (HapticPro Large Pack, 14 Schriften, Wert $650). Haptic hatte vor wenigen Monaten in Type Design TDC2 2009 die Auszeichnung für die typografische Exzellenz gewonnen. Entworfen von unserem guten Freund Henning Skibbe.

Haptic Typeface Family

Außerdem kann der Gewinner auch die typografischen Bücher New Vintage Type: Classic Fonts for the Digital Age (von Steven Heller und Gail Anderson) oder Swiss Graphic Design (von Richard Hollis) gewinnen.

New Vintage Type Swiss Graphic Design

Regeln

Die Regeln sind einfach. Um teilzunehmen, folgen Sie bitte den folgenden Schritten:

  1. ein originelles, schönes, lesbares und attraktives typografisches Webdesign entwerfen (Sie können auch Raster nutzen, oder den vertikalen Rhythmus wenn Sie wollen – das müssen Sie aber nicht tun),
  2. laden Sie unsere leere Vorlage herunter,
  3. nutzen Sie die Vorlage, um ihr eigenes (X)HTML+CSS-Layout zu entwerfen (wenn Sie wollen, können Sie auch JS-Bibliotheken nutzen, aber auch (X)HTML+CSS wäre OK),
  4. Sie können auch beliebige Schriftersetzungstechniken nutzen wie etwa sIFR, sIFR Lite, cufon, FLIR, @font-face-Attribut etc, aber das Layout sollte keine kommerziellen Schriftarten enthalten – schließlich werden Vorlagen zum kostenlosen Download angeboten,
  5. stellen Sie sicher, dass das Design in modernen Browsern gut aussieht (Firefox 3, Internet Explorer 7+, Opera 9.6, Safari 3.1, Google Chrome etc.),
  6. stellen Sie sicher, dass der Code den W3C Validation Test besteht.

Ist das Layout fertig, so

  1. erstellen Sie einen Vollbild-Screenshot der Vorlage (dafür können Sie etwa Fireshot Firefox Extension nutzen).
  2. packen Sie alles (Screenshot + Vorlage) in eine .zip-Datei,
  3. und schicken Sie die .zip-Datei an templates@smashingmagazine.com
    mit dem Betreff [Typography Contest] Ihr_Theme_Name.

    Bitte erwähnen Sie auch Ihren Namen, URL und woher Sie kommen. Eine kurze Beschreibung des Designs wäre sicherlich auch nicht verkehrt. Seien Sie kreativ und zeigen Sie was Sie drauf haben!

Einsendeschluss?

Sie haben Zeit bis zum 30. Juni 2009. Die besten Einsendungen werden Anfang Juli präsentiert; die Gewinner des Wettbewerbs werden ebenfalls Anfang Juli bekannt gegeben.

Alle Vorlagen werden kostenlos zum Download angeboten (natürlich werden Ihr Name und ein Link zu Ihrer Seite im Release-Post stehen). Sie können ebenfalls einen Verweis auf Ihre Site im Footer Ihres Layouts einfügen.

Womit fange ich an?

Was erwarten wir? Und woran sollte man sich orientieren? Die Vorlage kann beliebig sein – für ein Blog, ein Portfolio, eine Produktseite, “Coming Soon”-Seite oder alles andere. Das Design sollte jedoch extra für den Wettbewerb gemacht werden. Und natürlich sollten Sie das Layout selbst entworfen haben und Rechte für alle Bilder, die drin vorkommen, haben.

Hier ein paar interessante Beispiele, die sich vielleicht als recht gute Inspiration für Ihre Werke erweisen könnte:

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Typography Screenshot

Useful Typographic Tools

Useful Typographic Tools

Useful Typographic Tools

Useful Typographic Tools

Useful Typographic Tools

Typography Screenshot

Mehr Inspiration!

Hier noch ein paar interessante Beiträge und Ressourcen zum Thema “Typografie”:

Viel Erfolg, viel Glück und vor allem viel Spaß!

Vitaly Friedman ist Buchautor, Autor sowie Entwickler und Designer von benutzerfreundlichen Webseiten. Er ist Chef-Redakteur des Online Magazins Smashing Magazine, das zu den weltweit populärsten Onlinemagazinen für Webdesign zählt und wie Dr. Web zur Smashing Media GmbH gehört. Vitaly studierte Informatik an der Universität des Saarlandes.

6 Kommentare zu „Wettbewerb Typografisches Layout: Mitmachen und Gewinnen!
  1. David am 28. Mai 2009 um 22:40

    Da war ich schon fleißig am basteln da ende Mai als Einsendeschluss fest stand und nun wurde neen monat dazu gegeben… find ich bissl lang aber ok.

    mal schauen was man zu sehen bekommt. ich denke ich habe was ganz gutes bisher :)

  2. Wettbewerb Typografisches Layout am 28. Mai 2009 um 23:13

    […] Typographic Layout Design Contest von Smashingmagazine und Drweb. Aufgabe: Typografisches Layout entwickeln, welches als Template zum Download angeboten werden soll. Design made in Germany – 28.05.09 – 23:13 Kommentieren […]

  3. Gabber am 29. Mai 2009 um 17:26

    Schritt 2 istn Scherz oder?

  4. André am 2. Juni 2009 um 09:30

    Ahaha, 2. ist geil =D

    @Gabber: Ich denk mal son halber Scherz sollte es schon sein :D

  5. wunderland am 21. Juli 2009 um 10:53

    Es hieß “Gewinner des Wettbewerbs werden ebenfalls Anfang Juli bekannt gegeben” – wann ist es denn nun so weit?

  6. Vitaly Friedman am 21. Juli 2009 um 12:40

    @wunderland (#4): die Gewinner wurden hier – http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/ – bekanntgegeben.

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!