Découvrez "Art Direction For The Web", un nouveau livre sensationnel d'Andy Clarke

Une page sur le Web n'est pas comme une page imprimée. Beaucoup d'entre nous l'ont appris à leurs dépens lorsque nous avons abandonné les mises en page à largeur fixe et adopté la flexibilité et la réactivité inhérentes au Web. Lire le chapitre extrait.

Les technologies Web modernes telles que CSS Grid, Flexbox et Shapes nous ont permis de mettre en œuvre les conceptions souvent distinctives de l'impression, et le Web regorge désormais de didacticiels sur la façon de les utiliser. Mais la question la plus importante n'est pas « comment » nous pouvons utiliser les techniques de direction artistique pour améliorer nos conceptions pour le Web, mais plutôt « quand » et « pourquoi ».

C'est la raison pour laquelle Andy Clarke a écrit son nouveau livre Art Direction for the Web. Il s'agit d'un livre sur l'importance de la direction artistique et sur la façon dont vous pouvez diriger des expériences convaincantes et efficaces sur tous les appareils et plates-formes.

Andy explore le travail de certains des directeurs artistiques les plus influents, des sommités comme Alexey Brodovitch, Bea Feitler et Neville Brody. Il ne nous encourage pas à simplement imiter le travail d'une époque et d'un support antérieurs, mais à comprendre leur pensée et à apprendre à appliquer ces connaissances à la direction artistique pour le Web.

Andy écrit,

« Vous n'avez pas besoin d'avoir été à l'école des beaux-arts pour apprendre et appliquer les principes que je vous enseigne. Tout comme la direction artistique elle-même, c'est quelque chose que tout le monde, quels que soient vos antécédents et votre domaine d'expertise actuel, peut utiliser chaque jour pour améliorer l'efficacité de la conception d'un produit ou d'un site Web.

L'objectif d'Andy est d'enseigner aux gens l'importance de la direction artistique pour le Web et d'expliquer comment la direction artistique peut aider les gens à raconter des histoires en utilisant le design. De cette façon, les produits et les sites Web se connecteront avec le public et parviendront également à le maintenir engagé. Après une enquête approfondie sur la méthodologie de la direction artistique, Andy enseigne comment l'accomplir en embrassant le Web à l'aide de CSS modernes.

La direction artistique pour le Web vous aidera à rendre vos sites plus efficaces pour communiquer, persuader et vendre. Si vous développez des produits, ce livre les rendra plus convaincants et plus agréables à utiliser. Lire le chapitre extrait →

Table des matières

Partie 1 : Expliquer la direction artistique

• Ce que signifie la direction artistique
  Demandez ce que la direction artistique signifie pour les développeurs, et ils pourraient vous répondre : utiliser l'élément <picture> ou l'attribut sizes en HTML pour les images réactives ; présentant des cultures, des orientations ou des tailles alternatives à différentes tailles d'écran. Mais il y a plus que cela.
• Cent ans de direction artistique
  Bradley, Brodovitch, Brody et Feitler – ensemble, leurs noms sonnent comme une agence de publicité de l'ère Mad Men. Dans ce chapitre, nous nous penchons sur leurs œuvres emblématiques, des années 1930 aux années 1980.
• Expériences de direction artistique
  Que nous écrivions des faits ou de la fiction, que nous vendions ou fabriquions des produits, la façon d'engager les gens, de créer du désir, de les rendre heureux et de les encourager à le rester est de créer des récits. Alors, que devons-nous prendre en compte lorsque nous le faisons ?
• Direction artistique et équipes créatives
  Voyons comment nous pouvons adopter la collaboration et former des équipes qui suivent des stratégies construites autour d'objectifs communs.

Partie 2 : Concevoir pour la direction artistique

• Principes de conception
  Les principes qui ont guidé la conception dans d'autres médias pendant des générations sont-ils pertinents pour le monde des produits numériques et des sites Web ? Bien sûr! Dans ce chapitre, nous allons explorer les principes de symétrie, d'asymétrie, de ratios et d'échelle.
• Grilles de direction
  Les grilles ont une histoire longue et variée dans la conception, depuis les premiers livres, en passant par des mouvements comme le constructivisme jusqu'à la popularité actuelle des grilles dans des frameworks comme Bootstrap et la conception matérielle. Ce chapitre explique l'anatomie et la terminologie des grilles et explique comment utiliser les grilles modulaires et composées.
• Type de direction
  L'espace blanc, l'échelle typographique et les utilisations créatives du type sont au centre de ce chapitre.
• Diriger des images
  Les images et la façon dont nous les affichons ont un impact énorme sur la façon dont les gens perçoivent nos créations, que ce soit sur un site Web commercial ou éditorial, ou à l'intérieur d'un produit. Dans ce chapitre, vous apprendrez à positionner et à organiser les images pour diriger l'œil.

Partie 3 : Développer pour la direction artistique

• Développer des mises en page avec des grilles CSS
  CSS Grid plus un contenu réfléchi et dirigé par l'art nous offre la meilleure chance à ce jour de créer des sites Web qui communiquent mieux avec notre public. Dans ce chapitre, Andy explique les propriétés et les techniques les plus appropriées pour la direction artistique.
• Développer des composants avec Flexbox
  Alors que Grid est idéal pour mettre en œuvre des mises en page orientées vers l'art, Flexbox est souvent mieux adapté au développement de molécules et d'organismes tels que des liens de navigation, des images, des légendes, des entrées de recherche et des boutons. Ce chapitre explique comment l'utiliser.
• Développer la typographie
  De la mise en page multi-colonnes et de l'agencement des caractères avec des modes d'écriture à l'orientation du texte et à la typographie décorative, ce chapitre plonge profondément dans le côté code du type.
• Développer avec des images
  Comment adaptez-vous vos images artistiques à la fenêtre d'affichage d'un utilisateur ? Et qu'est-ce que les formes et les chemins CSS réservent à votre conception ? Découvrons-le dans ce dernier chapitre.

Webinaires télévisés époustouflants

Pour accompagner ce livre, Andy donne également une série de webinaires sur Smashing TV. Les webinaires sont gratuits avec Smashing Membership, qui coûte quelques tasses de café par mois (annulez à tout moment).

A propos de l'auteur

Andy Clarke est un designer, consultant en design et mentor bien connu. On l'a appelé plein de choses depuis qu'il a commencé à travailler sur le web. Son ego aime les termes tels que « ambassadeur du CSS », « prophète de l'industrie » et « inspirant », mais il est très fier que Jeffrey Zeldman l'ait un jour qualifié de « bâtard au triple talent ».

Avec sa femme, Sue, Andy a fondé Stuff & Nonsense en 1998. Ils ont aidé des entreprises du monde entier à améliorer leurs conceptions en fournissant des conseils et une expertise en conception.

Andy a écrit plusieurs livres populaires sur la conception et le développement de sites Web, notamment Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design et Transcending CSS: The Fine Art Of Web Design . Il est un conférencier populaire et donne des conférences sur la direction artistique et des sujets liés au design partout dans le monde.

Témoignages

Notre objectif a été de rendre le livre aussi inspirant, pratique et utile que possible , et nous sommes honorés d'avoir déjà reçu des critiques aussi positives.

« Avec 'Art Direction for the Web', Andy fournit un cadre pour exploiter le potentiel du Web. Avec un contexte historique et des exemples concrets, Andy inspire chacun de nous à être plus déterminé dans les choix que nous faisons. Et fidèle à lui-même, il poursuit toute cette inspiration avec des démos et les connaissances pratiques nécessaires pour voir nos idées se manifester en ligne.

— Trent Walton, co-fondateur de Paravel Inc.

Pourquoi ce livre est fait pour vous

Le contenu de ce livre est basé sur les vingt années d'expérience de travail d'Andy avec des clients, ainsi que sur l'expertise des directeurs artistiques et des designers qu'il a interviewés. Vous apprendrez :

1. Ce que signifie la direction artistique, pourquoi c'est important et qui peut le faire.
2. Comment faire fonctionner la direction artistique pour les produits numériques et les sites Web.
3. Comment améliorer les conversions et donner vie aux parcours de vos clients.
4. Comment maintenir les valeurs de la marque et les principes de conception en connectant les points de contact entre le marketing, la conception des produits et les sites Web.
5. Comment utiliser les principes de la direction artistique tels que la mise en page, la typographie, les proportions, les proportions et les grilles de manière plus imaginative pour mieux communiquer ce que vous essayez de faire.
6. Comment mettre en œuvre vos conceptions sur n'importe quelle plate-forme avec les derniers HTML et CSS.
7. …De plus, nous explorerons des designs exceptionnels issus de 100 ans de médias et d'édition imprimée pour une inspiration supplémentaire de la direction artistique.

Détails techniques

• 344 pages, 14 × 21 cm ( 5,5 × 8,25 pouces)
• ISBN : 978-3-945749-76-0 (imprimé)
• Couverture rigide de qualité avec reliure cousue et ruban marque-page.
• L' eBook est disponible en PDF, ePUB et Amazon Kindle.
• Expédition gratuite par avion dans le monde entier depuis l'Allemagne. A partir de mi-avril . (Voir les délais de livraison.)
• Disponible sous forme imprimée, couverture rigide de qualité et eBook.