Typografie im Web

Ein erster Blick

17. Mai 2013 Keine Kommentare

 

 

Kopfleiste Ein erster Blick

 

 

 

 

Ein erster Blick

 

Die New York Times hat seine Webseite neu gestaltet — den Anfang macht das Erlebnis der Artikel.
Sehen Sie, was sich geändert hat und beantragen Sie Ihren Zugang.



6 colum across broadsheet layout 280 Ein erster Blick

6-spaltiges Broadsheet-Zeitungslayout



article news 280 Ein erster Blick

Neugestaltung der Online Ausgabe

 

 

Erster Blick Blog.
Neugestaltung der New York Times.
Neugestaltung der NYTimes auf Kosten der Markencharakteristik.

 

 

Atem der Titelgeschichte

3. Mai 2013 Keine Kommentare

 

 

savages 1 Atem der Titelgeschichte



savages 280 2 Atem der Titelgeschichte



sabages 280 3 Atem der Titelgeschichte

Redaktionelle Gestaltung in HTML5.0:

 

Pitchfork mit einer weiteren, erstaunlich inzenierten Titelgeschichte über The Savages, nach dem editorialen Debut für Bat for Lashes

 

Ein weiteres Einseitenwunder

Einseiten Wunder Ikone Atem der Titelgeschichte

 

„Ich berichtete über das Auftauchen des Phänomens tief greifender, in hohem Grade konzipierter digtaler Titelgeschichten wie Pitchfork’s wundervolle Titelgeschichte über Bat For Lashes. Erst danach sah ich das Pitchfork sich selbst übertroffen hatte mit einer erstaunlichen und evokativen Titelgeschichte über The Savages”.

Neil Perkin

 

 

 

 

Aus Monster Mash wird Vertrautes von Mum’s

20. April 2013 Keine Kommentare

 

 

mum Edinburgh Aus Monster Mash wird Vertrautes von Mums

„Bei MUMS glauben wir das ‘Gourmet’ für jeden sein kann und soll, es braucht nicht ‘ protzig’ sein und erschwingliche Preise müssen nicht als Entschuldigung für Erzeugnisse geringer Qualtität oder kleine Portrionen dienen, wir wissen, dass Sie es besser wissen und wir auch.”

 


Nach acht Jahren hoffnungslos überfüllter Mittagstische, ändert Edinburgh’s Monster Mash sein Markenversprechen von Kartoffelpüree zu Würsten

‘Entschuldigen Sie Herr Ober, meine Würste sehen rosig aus’ Oh, Ja verehrter Gast, bei MUMS sind rosige Würste ein Zeichen für Qualität!

Hervorragende Cheeseburger entlang New York’s Houston Street mit Bob Crozier, freundliche London Einladungen von Matthew Mayes für erste Kostproben, schrecklich aussehender Brittenwürste, und ein Besuch des berühmten Monster Mash in Edinburgh mit Tochter Elizabeth machten Eindruck und lieferten Einblicke wie Gastronomische Markenbildung gemacht wird.



Beginnen Sie mit der Schrift Aus Monster Mash wird Vertrautes von Mums

Beginnen Sie mit der Schrift oder kleinen Dingen wie dem favicon.




Mark at Mums 280 Aus Monster Mash wird Vertrautes von Mums

Monster Mash 2009


 


Die Mama weiss wie

Mit kleinen oder mittelständischen Kunden sollte es einfacher sein die Markensäulen zu bestimmen und die Attribute die für einen Mittelständler bedeutend sind und welche fortgelassenw werden indem in einem Gespräch mit dem Eigner eine passende Web-Schrift ausgesucht wird. Heute lässt sich dei Persönlichkeit des Kunden identifizieren anhand der digitalen Spuren. Genauer oft als durch ein persönliches Gespräch. Die Wahrheit findet sich wie so oft zwischen der digtalen und der anaolgen Präsenz und Wiedergabe.

Also ja, des Kunden digitale Spuren decken mehr auf als sie ihren Kunden zu kennen glaubten.

 

Annahmen sind so viel wert wie Tatsachen

„Big data” mag für andere Dinge brauchbar sein, Leute aber sind verlässlich irrationale Biester und wer das zu berücksichtigen weiss, wird es leichter haben, eine Lösung zu finden.

 

 

Besuchen Sie Mum’s Marken Website.

 

 

Einseiten Wunder

15. April 2013 Keine Kommentare

 

 

BudCadell.com  Einseiten Wunder

Einseiten Wunder BudCadell.com

 


Kurz und bündig

Es gehört zum Brot und Butter Geschäft der Werbeagenturen dynamische Markenwebsites zu verkaufen. In den Neunziger Jahren galten zappelige Websites mit Animationen als dynamisch. Es war praktisch unmöglich den Markenkunden etwas ohne Animation zu verkaufen.

 

 

Erschrecken Sie nicht

Vielerorts hat sich daran nichts geändert.

Heute wissen wir, dass die soziale Kompetenz für Dynamik verantwortlich ist und nur diese. Websites, die wie Blogs sozialiserbar gemacht, einen Austausch von Marke und Mensch einräumen.

Als wäre es dem zum trotz, sind Websites heute bald ausschliesslich statisch wie Drucksachen und weisen keine soziale Kompetenz vor. Es sind archäelogische Funde aus den Neunziger Jahren, das Internet ist voll davon.

Reife Leistung und einen konkreten Bauplan für die Website von heute demonstriert auch Bud Cadell’s Referenzseite. Sie spiegelt mühelos die Chronik des professionellen Werdegangs, aber auch des privaten Lebens von Budd Cadell wieder, einem Strategen der Deutsch Agentur in Los Angeles. Der britische Guardian führt Cadell auf, als einen von 10 Strategen, die es für dieses Jahr (2013) im Auge zu behalten lohnt.

Ich mag Prinzipien, hier die von Bud Cadell:

 

  • Sie ernten was sie sähen.
  • Mitgefühl bringt Sie weiter als Sachkenntnis.
  • Kein Lernen soll ungeteilt bleiben.
  • Oxford-Kommas sind obligatorisch.
  • Frustration ist ein starkes Signal.
  • Komplexität, die nicht respektiert wird, ist tödlich.
  • Ärger ist Ausdruck der Hilflosigkeit.
  • Schönheit bietet den kürzesten Weg zum Frieden.
  • Verflucht nochmal, Sie müssen nett sein.

 

Ich kann nur billig

Entgegen meiner grundsätzlichen Empfehlung von der Stange zu kaufen und Websites mit WordPress oder der Blogsoftware ihrer Wahl zu bauen, ist Cadell’s Site handkodiert. Er kann es sich leisten, ist er doch in seinem Arbeitsumfeld umgeben, von fähigen Freunden und Kodierern. Cadell’s Wissenstransfer findet freilich von WordPress 3.4.1 unterstützt, vorbildlich auf Was mich beschäftigt statt.

 

Einseiten Wunder


Einseiten Wunder Ikone Einseiten Wunder

 

  • Nur das Nötigste.
  • CMS von der Stange nutzen (zb. WordPress 3.4.1).
  • Format möglichst relativ, prozentual anlegen.
  • Verwenden Sie kurze Wörter, kurze Sätze, kurze Abschnitte.
  • Peinliches vermeiden.
  • Die Gestaltung beginnt oft mit Webfonts und dem favicon.
  • Wenn die Gestaltung auf Briefmarkengröße ausgedruckt ihren Markencharakter klar und deutlich wiedergibt dann ist es gut.
  • Vergewissern Sie sich dass Sie das Haushalten ihrer täglichen Aktualisierungen über einen unendlichen Zeitpunkt gewährleisten können.
  • Probieren geht über studieren.

 

 

Vier geläufige Karriereverzerrungen

8. April 2013 Keine Kommentare

 

 

Schlecht gezogene Zeilen Vier geläufige Karriereverzerrungen

Mit freundlicher Genehmigung von Reza Farazmand, PoorlyDrawnLines.com

Schrift: Elizabethan Handwriting.

 

 

Gute Gestaltung

3. April 2013 Keine Kommentare

 

 

St. Marks Episcopal Church Gute Gestaltung

Die Neugestaltung der Website begann mit dem Überdenken von Polizeiwerbung.

 

Wie gute Gestaltung sogar für Ämter, Regierungsagenturen und Stadtverwaltungen eine kluge Investition sein kann

Die Besucherzahlen für die Website der Milwaukeepolizei haben sich um 2000 Prozent erhöht. Vor etwa einem Jahr hatten die gute Milwaukee Polizei, die Idee, eine akkurate, aktuelle Informationsquelle und Anlaufstelle für die Milwaukee Polizei zu gestalten. Ein journalistische Aufgabe die faire Einblicke gewähren soll, mehr als es die blutigen Schlagzeilen und Ausschnitte der Nachrichten tun. Ein in die sozialen Netze integrierte lebendige Verbindung zwischen Bevölkerung und Polizeipräsidium.

 

 

Milwaukee Polizei Auto Gute Gestaltung

Der neue Leiter änderte sofort den Entwurf der Polizeiwagen.



Polizeiabsperrung Gute Gestaltung

Selbst das Absperband wurde für die Markenbildung überdacht.



München macht 2801 Gute Gestaltung

Reife Leistung der Milwaukee Polizei und bestes Praxisbeispiel auch für Horst Seehofer, sollte der bayrische Ministerpräsident sein Wahlversprechen wahr und München zur digitalen Nr. 1 machen wollen.

Website Auschnitt Gute Gestaltung

Milwaukee Polizei Nachrichten

 

Eine radikale Markenneugestaltung der Polizei, die mit einer großartigen Website beginnt

Website hier besuchen.
Agentur: Cramer-Krasselt
Technische Umsetzung: LISS Interactive, New York.
Beitrag von Kyle Van Hemert für Fast Company’s CoDesign.
Quelle CoDesign.

Neugestaltung der NYTimes auf Kosten der Markencharakteristik

17. März 2013 Keine Kommentare

 

 

The New York Times Neugestaltung der NYTimes auf Kosten der Markencharakteristik

Typische Fraktur Logotype der New York Times

 


Warum ich in Mark Wilson’s and Lauren Indivik’s Jubel für die Neugestaltung der New York Times nicht einstimme

Ich bin weder ein grosser Zeitungsleser noch benutze ich ein Mobiltelefon, warum ich als ewiger Kreativdirektor, einer also, der gewohnt ist den Abfall hinauszutragen, die New York Times dennoch schätze, erscheint mir ein Zeichen der NYT Markenstärke.



NYT vorher Neugestaltung der NYTimes auf Kosten der Markencharakteristik

 
Vorher




NYT nachher Neugestaltung der NYTimes auf Kosten der Markencharakteristik

 
Nachher


 

Der Markenwert wurde mit dem Bade ausgeschüttet

Verstehen Sie mich nicht falsch, bald alles wurde bei der Neugstaltung vorbildlich richtig gemacht:

  1. Anpassung an die Restriktion der mobilen Geräte
  2. Liquid Design. Anpassung an adaptives Design
  3. Nutzung der Vorzüge des erprobten WordPress CMS (Content Management System)
  4. Einbetten von Webfonts
  5. Führung der Leser innerhalb der Inhalte und nicht durch Menüstrukturen



NYTimes for Android Neugestaltung der NYTimes auf Kosten der Markencharakteristik

NYTimes für Android



Symbol Neugestaltung der NYTimes auf Kosten der Markencharakteristik

Symbol

Das wertvollste einer Marke aber, der Markenwert, bzw. dessen Symbolik, das greifbar typische der NY Times Marke ist bei der Neugestaltung verloren gegangen.

Die New York Times ist das Flaggschiff der Weltzeitungen auf Grund des Vertrauens, das ihr über Jahrzehnte, seitens der weltweiten Leserschaft, für die Qualität der Inhalte, entgegengebracht wird. Ihre Symbole sind der Leserschaft unter die Haut gegangen und untrennbar geworden mit dem was die Leserschaft mit der New York Times verbinden.

Das greifbare dieser Werte wurde der Neugestaltung geopfert und stellt sie in Frage.

  1. Multispalten Layout der Zeitung
  2. Frakturschrift als Qualtitätszeugnis

Ein technologischer Grund liegt zu diesem Entschluss nicht vor. Das adaptive Design bietet eine formidable Spielwiese das Zeitungstypische Spaltenlayout auf die Ausgabegröße der verschiedenen Bildschirme umzubrechen.

Die Frakturschrift ist das wohl augenscheinlich typische der New York Times auch oder obdoch es vom Wettbewerb genutzt wird und hervorragend von Webfonts unterstützt werden kann.

NYTime favicon Neugestaltung der NYTimes auf Kosten der Markencharakteristik

favicon

 

Über das Video

Frakturschrift war in ganz Europa von 1150 bis Ende des 17. Jahruhunderts gebräuchlich. Eine meiner aktuellen Beschäftigungen ist die Entwicklung eines Satzes von Grossbuchstaben in moderner Frakturschrift ohne den inhärenten Reichtum und die Schönheit der altertümlichen Kategorie von Schriftform zu verlieren. Gelegentlich mache ich Videoaufnahmen um den Fortschritt meiner Arbeit zu dokumentieren. Drucke und Originale sind bei seblester.co.uk erhältlich. Die Musik ist von Carlos Márquez, Phoenix, USA.

 

 

 

Gestalten

20. Februar 2013 Keine Kommentare

Keine Navigation Gestalten

Quelle: Fast Company CoDesign

 

Zu vorliegender Neugestaltung

Im Vorjahr hatte ich mitverfolgt wie Bud Caddell seinen Marketingblog neu gestalten wollte und beschlossen, all seine Ideen zu stehlen, mit einem Unterschied.

Brooklyn Freund Randi Joseph, bezeichnete mich, auch für einen Deutschen als rigide, Caddell’s Erscheinungsbild vermittelt lässige Unbekümmertheit und Leichtigkeit, und freilich ist Lockerung vorbildlich für dt. Marken. Das Problem aber ist, ich nehme mein Schaffen sehr ernst und gehe bereits mein gutes Leben lang in dem auf, was ich mir zur Aufgabe mache.

Für 3 Wochen hatte ich mir ausgemalt, welche Anforderung die Neugestaltung für den Leser erfüllen soll und wie mein Tagebuch seiner Aufgabe am besten nachkommt. Aber auch wie ich vorgehen will um möglichst Kosten zu sparen.

 

  1. Schneller Zugriff auf reife Leistungen (Praxisbeispiele zur Orientierung)
  2. Aufgeräumte, schlanke Oberfläche zugunsten des Inhalts
  3. Identifizierung eigener u. geteilter Beiträge (in Arbeit)
  4.  

    Ich stellte mir also vor, welche Handgriffe die Berliner Entwicklerin Esther vorzunehmen hätte um Gelerntes umzusetzen und wollte vermeiden ihr mehr Zeit abzuverlangen als einen halben Tag an Arbeit. Esther arbeitet professionell und vesteht es Vorgaben im Zeitrahmen umzusetzen: on budget, on time, on strategy.

     

    Kurzeinweisung nicht Pflichtenheft

    Ein Briefing (Kurzeinweisung, Kurzbesprechung) in möglichst wenigen Sätzen birgt das Risiko der Interpretation und ist die bevorzugte Vorgehensweise, da die Verantwortung bei mir dem Auftraggeber und Verursacher bleibt und nicht verhandelbar ist.

    Mit einem ausführlichen und präzisem Briefing, wie ich es bei meinem ehemaligen Co-Direktor Philip Missler beobachten konnte, wächst das Dokument zum Volumen eines Telefonbuchs an, wird zum Pflichtenheft und die Verantwortung wird an den Beauftragten übertragen, der nun das Monsterwerk Punkt für Punkt und ohne jeden Spielraum abarbeiten muss.



    Lucida Grande Gestalten

    Lucida Grande von Charles Bigelow und Kris Holmes



    Margot Gestalten

    Margot von Dave Rowland
    ‏@SchizotypeFonts

     

     

    Typografie

    Für Petra Hammerstein’s kulinarisches Tagebuch hatte ich, ohne es zu wissen, Lucida Grande für den Fließtext aktiviert, und die täglichen Einträge für zwei Jahre mitverfolgt. Der Mut anderer ist mit verlässlichen, gut über Tausend täglichen Seitenaufrufen, ein Rennpferd unter den von Esther und mir gestalteten Blogs. Subjektiv empfinde ich Lucida Grande, als für das Auge geschmeidiger und als Zwitter aus Sans und Serifschrift. Andere Standardschriften wie Helvetica oder Times, empfinde ich im Gegensatz als kratzend und aufdringlich.

    Für die Überschriften verwende ich einen weiteren Hybriden, der in den Worten ihres Schöpfers, wie das Ergebnis einer Vermählung der (herrlich, schrecklichen Hippieschrift/Anmerkung) Cooper Black und einer gewöhnlichen Schreibmaschinen Schrifttype ist. Mit einer noch so schönen Slab Serif hätte ich mich in eine Ecke gesellt mit Diplomdesigner, Modeschöpfer und dem Innenarchitekten. Damit entziehe ich mich dem Verdacht als ein intellektueller, hochmodischer Designer verkannt zu werden.

    Ich helfe, meinem Alter von 56 Jahren entsprechend, bei der Gestaltung von Geschäftsvorhaben.

     

     

    wookies Gestalten
    招き猫 (beckoning wookies) Wookies winken den Maschinen zu.

     

     

    Illustration

    Wookie Illustration von Tochter und Comiczeichnerin Elizabeth Blue.

     

     

Condé Nast: Neugestaltung von Vogue.co.uk

26. Januar 2013 Keine Kommentare

Condé Nast redesigning Vogue.co .uk  Condé Nast: Neugestaltung von Vogue.co.uk

Condé Nast is an international publishing company and the creators of Wired, GQ and Vogue.

Kat Windley Condé Nast: Neugestaltung von Vogue.co.uk

Kat Windley, Chef Designer von Condé Nast Digital

 

Responsives Web Design und Web Fonts haben die Art wie Condé Nast arbeitet verändert

Für zwei Decaden haben Gestalter versucht Web Design wie in Stein gemmeiselt zu gestalten, als wäre das Web statisch wie Papier. Mit der Verfügbarkeit vonn Web Fonts und Anwendungen wie typecast ändert sich das jetzt und der Browser wird gegen Photoshop eingetauscht, als geeignete Leinwand um Arbeiten zu zeigen.

 


Responsives Web Design und Web Fonts verändern wie Kreative mit dem Web arbeiten

Probieren Sie es (kostenlos für 14 Tage) hier aus: typecast.com/try-it-now.

 

Besuchen Sie Vogue UK.

 

 

Helvetica oder Arial?

22. Januar 2013 Keine Kommentare



Agfa Helvetica oder Arial?

Agfa



BASF Helvetica oder Arial?

BASF



American Apparel Helvetica oder Arial?

American Apparel



American Airlines Helvetica oder Arial?

American Airlines

 

Sie arbeiten in einer Werbeagentur und glauben Sie können Arial von Helvetica unterscheiden?

Welche der beiden Schriftproben ist Original Helvetica?

Machen Sie den Test auf Ironic Sans.