Wettbewerb Typografisches Layout: Mitmachen und Gewinnen!

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.

Sortiert nach:   neueste | älteste | beste Bewertung
David
Gast
7 Jahre 3 Monate her

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 :)

trackback

[…] 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 […]

Gabber
Gast
Gabber
7 Jahre 2 Monate her

Schritt 2 istn Scherz oder?

André
Gast
7 Jahre 2 Monate her

Ahaha, 2. ist geil =D

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

wunderland
Gast
wunderland
7 Jahre 1 Monat her

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

wpDiscuz

Mit der Nutzung unseres Angebots erklärst du dich damit einverstanden, dass wir Cookies verwenden. Weitere Informationen

Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren, Funktionen für soziale Medien anzubieten und die Zugriffe auf unsere Website zu analysieren. Dadurch geben wir nicht personenbezogene Informationen zur Nutzung unserer Website an unsere Partner für soziale Medien, Werbung und Analysen weiter. Nähere Informationen findest du in unserer Datenschutzerklärung. Durch die Weiternutzung unserer Website (oder das ausdrückliche Klicken auf "Einverstanden") gehen wir davon aus, dass du mit der Verwendung von Cookies einverstanden bist.

Schließen