Lernen Sie „Art Direction For The Web“ kennen, ein neues, umwerfendes Buch von Andy Clarke

Eine Seite im Web ist nicht wie eine gedruckte Seite. Viele von uns haben dies auf die harte Tour gelernt, als wir Layouts mit fester Breite aufgegeben und die inhärente Flexibilität und Reaktionsfähigkeit des Webs angenommen haben. Lesen Sie das Auszugskapitel.

Moderne Webtechnologien wie CSS Grid, Flexbox und Shapes haben es uns ermöglicht, die oft unverwechselbaren Designs von Print zu implementieren, und das Web ist jetzt voll von Tutorials, wie man sie verwendet. Aber die wichtigste Frage ist nicht „wie“ wir Art-Direction-Techniken nutzen können, um unsere Designs für das Web zu verbessern, sondern „wann“ und „warum“.

Aus diesem Grund hat Andy Clarke sein neues Buch Art Direction for the Web geschrieben. In diesem Buch erfahren Sie, warum Art Direction wichtig ist und wie Sie überzeugende und effektive Erlebnisse auf allen Geräten und Plattformen gestalten können.

Andy erforscht die Arbeit einiger der einflussreichsten Art Directors, Koryphäen wie Alexey Brodovitch, Bea Feitler und Neville Brody. Er ermutigt uns nicht, einfach Arbeiten aus einer früheren Ära und einem früheren Medium nachzuahmen, sondern ihre Denkweise zu verstehen und zu lernen, wie man dieses Wissen auf die Art Direction für das Internet anwendet.

Andi schreibt,

„Sie müssen keine Kunsthochschule besucht haben, um die Prinzipien, die ich Ihnen beibringe, zu lernen und anzuwenden. Genau wie die Art Direction selbst sind sie etwas, das jeder – unabhängig von Ihrem Hintergrund und aktuellen Fachgebiet – jeden Tag nutzen kann, um die Effektivität eines Produkts oder eines Website-Designs zu verbessern.“

Andys Ziel ist es, Menschen die Bedeutung von Art Direction für das Web beizubringen und zu erklären, wie Art Direction Menschen dabei helfen kann, mithilfe von Design Geschichten zu erzählen. Auf diese Weise werden Produkte und Websites mit dem Publikum in Verbindung gebracht und es auch schaffen, es zu beschäftigen. Nach einer gründlichen Untersuchung der Methodik der Art Direction lehrt Andy, wie man dies erreicht, indem man das Web mit modernem CSS umarmt.

Art Direction für das Web hilft Ihnen dabei, Ihre Websites effizienter zu kommunizieren, zu überzeugen und zu verkaufen. Wenn Sie Produkte entwickeln, wird dieses Buch sie überzeugender und benutzerfreundlicher machen. Lesen Sie das Auszugskapitel →

Inhaltsverzeichnis

Teil 1: Art Direction erklären

• Was Art Direction bedeutet
  Fragen Sie, was Art Direction für Entwickler bedeutet, und sie könnten antworten: Verwenden des <picture> -Elements oder des sizes in HTML für responsive Bilder; Darstellung alternativer Zuschnitte, Ausrichtungen oder Größen bei verschiedenen Bildschirmgrößen. Aber es steckt noch mehr dahinter.
• Hundert Jahre Art Direction
  Bradley, Brodovitch, Brody und Feitler – zusammen klingen ihre Namen wie eine Werbeagentur aus der Mad-Men-Ära. In diesem Kapitel werfen wir einen Blick auf ihre ikonischen Werke von den 1930er bis zu den 1980er Jahren.
• Art-Directing-Erfahrungen
  Ob wir Fakten oder Fiktion schreiben, Produkte verkaufen oder herstellen, der Weg, Menschen zu begeistern, Wünsche zu wecken, sie glücklich zu machen und sie zu ermutigen, dies zu bleiben, besteht darin, Erzählungen zu erstellen. Was müssen wir dabei beachten?
• Art Direction und Kreativteams
  Werfen wir einen Blick darauf, wie wir die Zusammenarbeit annehmen und Teams bilden können, die Strategien verfolgen, die auf gemeinsamen Zielen basieren.

Teil 2: Design für die künstlerische Leitung

• Prinzipien des Designs
  Sind die Prinzipien, die das Design in anderen Medien seit Generationen leiten, auch für die Welt der digitalen Produkte und Websites relevant? Natürlich! In diesem Kapitel untersuchen wir die Prinzipien von Symmetrie, Asymmetrie, Verhältnissen und Skalierung.
• Richtgitter
  Grids haben eine lange und abwechslungsreiche Geschichte im Design, von den frühesten Büchern über Bewegungen wie den Konstruktivismus bis hin zur heutigen Beliebtheit von Grids in Frameworks wie Bootstrap und Material Design. In diesem Kapitel werden die Anatomie und Terminologie von Gittern und die Verwendung von modularen und zusammengesetzten Gittern erläutert.
• Regietyp
  Weißraum, typografische Skalierung und kreative Verwendung von Schrift stehen im Mittelpunkt dieses Kapitels.
• Bilder inszenieren
  Bilder und wie wir sie darstellen, haben einen enormen Einfluss darauf, wie Menschen unsere Designs wahrnehmen, sei es auf einer kommerziellen oder redaktionellen Website oder in einem Produkt. In diesem Kapitel erfahren Sie, wie Sie Bilder positionieren und anordnen, um den Blick zu lenken.

Teil 3: Entwicklung für die künstlerische Leitung

• Entwickeln von Layouts mit CSS-Grids
  CSS Grid plus durchdachte, künstlerisch ausgerichtete Inhalte bieten uns die bisher beste Chance, Websites zu erstellen, die besser mit unserem Publikum kommunizieren können. In diesem Kapitel erklärt Andy Eigenschaften und Techniken, die sich am besten für die Art Direction eignen.
• Entwicklung von Komponenten mit Flexbox
  Während Grid ideal für die Implementierung künstlerischer Layouts ist, eignet sich Flexbox oft besser für die Entwicklung von Molekülen und Organismen wie Navigationslinks, Bilder, Bildunterschriften, Sucheingaben und Schaltflächen. In diesem Kapitel erfahren Sie, wie Sie es verwenden können.
• Typografie entwickeln
  Vom mehrspaltigen Layout und der Anordnung von Schrift mit Schreibmodi bis hin zur Textausrichtung und dekorativer Typografie taucht dieses Kapitel tief in die Code-Seite der Schrift ein.
• Entwickeln mit Bildern
  Wie passen Sie Ihre Art-Directed-Bilder an das Ansichtsfenster eines Benutzers an? Und was halten CSS-Formen und -Pfade für Ihr Design bereit? Finden wir es in diesem letzten Kapitel heraus.

Überwältigende TV-Webinare

Begleitend zu diesem Buch gibt Andy auch eine Reihe von Webinaren auf Smashing TV. Webinare sind mit der Smashing-Mitgliedschaft kostenlos, die ein paar Tassen Kaffee im Monat kostet (jederzeit kündbar).

Über den Autor

Andy Clarke ist ein bekannter Designer, Designberater und Mentor. Seit er angefangen hat, im Internet zu arbeiten, wurde er mit vielen Namen bezeichnet. Sein Ego mag Begriffe wie „Botschafter für CSS“, „Branchenprophet“ und „inspirierend“, aber er ist am stolzesten darauf, dass Jeffrey Zeldman ihn einmal einen „dreifach talentierten Bastard“ genannt hat.

Mit seiner Frau Sue gründete Andy 1998 Stuff & Nonsense. Sie haben Unternehmen auf der ganzen Welt dabei geholfen, ihre Designs zu verbessern, indem sie Beratung und Design-Expertise zur Verfügung stellten.

Andy hat mehrere beliebte Bücher über Website-Design und -Entwicklung geschrieben, darunter Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design und Transcending CSS: The Fine Art Of Web Design . Er ist ein beliebter Redner und hält weltweit Vorträge über Art Direction und designbezogene Themen.

Referenzen

Unser Ziel war es, das Buch so inspirierend, praktisch und nützlich wie möglich zu gestalten , und wir fühlen uns geehrt, bereits so positive Rezensionen erhalten zu haben.

„Mit ‚Art Direction for the Web' bietet Andy einen Rahmen, um das Potenzial des Webs zu nutzen. Mit historischem Kontext und Beispielen aus dem wirklichen Leben inspiriert Andy jeden von uns, zielgerichteter mit den Entscheidungen umzugehen, die wir treffen. Und wie er es gewohnt ist, lässt er all diese Inspirationen mit Demos und dem praktischen Wissen weiterleben, das erforderlich ist, um unsere Ideen online zu verwirklichen.“

– Trent Walton, Mitbegründer von Paravel Inc.

Warum dieses Buch für Sie ist

Der Inhalt dieses Buches basiert auf Andys 20-jähriger Erfahrung in der Zusammenarbeit mit Kunden sowie auf dem Fachwissen der von ihm interviewten Art Directors und Designer. Du lernst :

1. Was Art Direction bedeutet, warum es wichtig ist und wer es kann.
2. Wie man Art Direction für digitale Produkte und Websites zum Laufen bringt.
3. Wie Sie Conversions verbessern und die Customer Journeys Ihrer Kunden zum Leben erwecken.
4. Wie man Markenwerte und Designprinzipien aufrechterhält, indem man Berührungspunkte über Marketing, Produktdesign und Websites hinweg verbindet.
5. Wie Sie Art-Direction-Prinzipien wie Layout, Typografie, Proportionen, Verhältnisse und Raster auf fantasievollere Weise einsetzen, um Ihre Ziele viel besser zu kommunizieren.
6. So implementieren Sie Ihre Designs auf jeder Plattform mit dem neuesten HTML und CSS.
7. …Außerdem werden wir herausragende Designs aus 100 Jahren Medien- und Druckveröffentlichung erkunden, um zusätzliche Inspiration für die Art Direction zu erhalten.

Technische Details

• 344 Seiten, 14 × 21 cm ( 5,5 × 8,25 Zoll)
• ISBN: 978-3-945749-76-0 (Druck)
• Hochwertiger Hardcover mit Fadenheftung und Lesebändchen.
• Das eBook ist als PDF, ePUB und Amazon Kindle erhältlich.
• Kostenloser weltweiter Luftpostversand aus Deutschland. Ab Mitte April . (Siehe Lieferzeiten.)
• Erhältlich als gedrucktes, hochwertiges Hardcover und eBook.