Qu'estce que la direction artistique? éclatant

Le nouveau podcast Smashing est le moyen idéal d’emporter un peu Smashing avec vous le matin. faire la navette pour aller à la salle de sport ou tout simplement pour faire la vaisselle. Nous vous proposerons une nouvelle interview avec un expert Smashing toutes les deux semaines, directement avec le baladodiffuseur de votre choix. Vous pouvez vous abonner à votre application préférée pour obtenir les nouveaux épisodes dès qu'ils sont prêts, ou tout simplement écouter à l'aide du lecteur ci-dessous.

Pour lancer les choses épatées, nous lançons le premier deux épisodes aujourd'hui. Chaque épisode sera accompagné d'un message (comme celui-ci) avec une transcription intégrale de l'interview publiée dans Smashing Magazine

Dans cet épisode inaugural, Drew McLellan parle de la direction artistique à Andy Clarke, concepteur, auteur et conférencier. De quoi s'agit-il et comment peut-il être appliqué à nos projets de conception Web? Nous approfondissons le sujet pour voir si nous pouvons aller au fond des choses.

Show Notes

Transcription

Drew: Il est un designer bien connu, un conférencier public et un auteur influent. articles et livres de conception Web et a récemment publié son nouveau livre, Direction artistique pour le Web, avec Smashing Magazine. Avec son épouse, Sue, il a fondé et dirige un studio de conception Web, Stuff and Nonsense, dans le nord du Pays de Galles, où il consulte des entreprises, grandes et petites, dans le monde entier. Vous connaissez peut-être sa passion pour les gorilles, mais saviez-vous qu’en écolier, il a été champion national junior de basson trois années de suite. Mes amis Smashing, c’est Andy Clarke. Andy, comment vas-tu aujourd'hui?

Andy Clarke: Eee, je suis en train de briser mon garçon.

Drew: Alors, comme je l'ai mentionné votre nouveau livre, Art Direction pour le Web, est maintenant disponible mais ce n'est évidemment pas votre premier livre. Hard Boiled Web Design, que je suis sûr que les gens sauront, et très récemment, transcender CSS. Quand l'idée de ce livre en particulier est-elle née?

Andy Clarke: C'était une idée intéressante car, comme vous le dites, il s'agit du numéro quatre en termes de livres. Sue avait toujours dit qu’elle chasserait et tuerait quiconque me demanderait d’en écrire un autre parce que je suis un bâtard quand j’écris des livres. Je ne suis tout simplement pas une personne sympathique et je n’ai donc pas du tout envie de faire un autre livre important après Hard Boiled. Donc, mon plan initial était en fait d'écrire trois petits, nous les avons appelés plans dans leur ensemble, genre de thème Hard Boiled. Trois sortes de petites pages de 80 à 100 pages. Dans le style ou la longueur du type A Book Apart. La Direction artistique allait être la première et quand j'ai commencé à y entrer, c'était très tôt, je pense que c'est début 2018.

Andy Clarke: Plus je m'y intéressais de plus en plus, plus je me rendais compte que cela ne pouvait en aucun cas être un livre court. Toutes les choses dont je voulais parler ne correspondraient jamais. J'ai donc jeté l'idée des trois coups par la fenêtre et nous nous sommes concentrés sur celui-ci. Donc, je suppose que l’idée de celui-ci est apparue il y a quelques années déjà, même avant la plupart des choses dont je parle dans le livre en termes de ce que nous pouvons faire avec le design et de ce que nous pouvons faire avec CSS truc était même une possibilité. Mais celui-ci a pris beaucoup de temps, je pense que c’est le genre de successeur spirituel de certaines des choses que j’ai faites dans le passé. Ça a l'air un peu grandiose, n'est-ce pas?

Drew: Non, pas du tout. Je veux dire, comme beaucoup de gens, je me suis lancé dans la création de choses pour le Web sans véritable expérience formelle, eh bien, je suis un développeur. Je n’ai pas vraiment de formation en programmation. Je viens de le comprendre au fur et à mesure et je n’ai certainement pas de formation officielle dans le domaine du design. Je ne connais pas vraiment la terminologie, les concepts et la, une formation formelle inculquerait, en particulier dans la conception. Donc, pour des gens comme moi, quand on parle de direction artistique, qu'est-ce que la direction artistique?

Andy Clarke: C'est une question à laquelle il est presque impossible de répondre car elle implique tant de choses différentes à différents niveaux. . Mais je vais donner un exemple. Vous vous souvenez de retour, je veux dire que nous parlons d’il ya 15 ans, mais vous souvenez-vous des publicités? En fait, pour les notes de spectacle, je vais vous envoyer des liens. Mais vous en souvenez-vous, il y avait une campagne publicitaire intitulée «La crème de Manchester» pour la bière Boddingtons. Une des choses qu’ils ont faites, c’était des publicités télévisées vraiment drôles, mais une des choses qu’ils ont fait avec un succès incroyable était toute une série de graphiques qui étaient montés sur des affiches et diverses autres choses qui étaient un verre de bière Boddingtons avec la crème incroyablement crémeuse. la tête, qui était la partie la plus importante de la bière Boddingtons, et ils ont façonné la tête en différentes choses. Cela ressemblait donc à une glace et à une plume et à toutes sortes de choses. Et ce que cela fait c'est de raconter l'histoire de ce qui était important pour la bière Boddingtons à travers le design. Donc, il n’est pas forcément juste dit que Boddingtons a une tête très crémeuse. Cela vous a montré que, grâce aux éléments visuels, vous avez eu cette idée très intelligente de ce que Boddingtons Beer était. Et cela, à un niveau, est la direction artistique.

Andy Clarke: Permettez-moi de vous donner un autre exemple. Je ne me souviens plus de quel magazine il s’agissait, maintenant c’était peut-être Rolling Stone. Je ne me souviens plus exactement de la couverture du magazine, mais il y a quelques années, il y avait une couverture de magazine très célèbre: c'était une photo de Donald Trump et ils avaient pris le code à barres qui se trouve normalement en bas à gauche ou en bas à droite. le coin de la main du magazine et ils l'avaient mis sur sa lèvre supérieure et l'avaient fait ressembler à Hitler. C'est la direction artistique. Utiliser le design pour transmettre un message, raconter une histoire, pour communiquer quelque chose à un public, mais par le biais du design.

Andy Clarke: Lorsque nous pensons appliquer ces éléments au Web, c'est exactement le même but, mais ce que nous faisons, c’est que nous utilisons tous ces aspects de la conception. Nous utilisons une mise en page. Nous utilisons la typographie. Nous utilisons des choix de couleurs. Nous utilisons tous ces ingrédients de conception pour faire tout ce que nous essayons de faire en ligne. Donc, nous pourrions raconter une histoire de… une histoire dans un magazine éditorial ou un article d'actualité ou nous pourrions raconter une histoire sur la raison pour laquelle vous devriez acheter ma marque de perceuse électrique plutôt que la marque de quelqu'un d'autre. Et cela s’étend même à l’expérience utilisateur, car nous pensons vraiment à ce que ressent une personne à ce stade? Comment communiquons-nous avec eux? Comment pouvons-nous essayer de les remonter le moral, essayer de se calmer. Voulons-nous être un peu excentriques et adorables ou voulons-nous être plus sérieux et plus conservateurs? Et tous les aspects évoquant une réaction émotionnelle chez quelqu'un sont la direction artistique.

Drew: Comme pour l'accessibilité, nous disons souvent que c'est la responsabilité de tous les membres de l'équipe, mais qu'en pratique, cela tend à être un expert en accessibilité qui connaisse vraiment son travail et peut en quelque sorte aider tout le monde à revoir son travail et à faire avancer les choses. Est-ce la même chose avec la direction artistique? Est-ce quelque chose que tout le monde dans une équipe devrait regarder? Ou est-ce quelque chose que vous engagez dans un grand directeur artistique brillant comme vous pour venir dire à tout le monde ce qu'il devrait faire?

Andy Clarke: Non, c'est exactement le genre de chose que tout le monde devrait faire. être attentif à. Chaque décision que nous prenons en termes de design est une opportunité de raconter une histoire. Et cela peut être une grande histoire ou une histoire minuscule. Et même des choses, par exemple, le style et le libellé de la photocopie peuvent aider à raconter l’histoire. Maintenant, ce dont nous avons besoin, ce n'est pas simplement que tout le monde prête attention à la nature de ce message, mais nous devons également savoir en quoi il consiste.

Andy Clarke: Et l'une de ces choses Je pense que cela fait défaut au cours des dernières années, alors que nous avons en quelque sorte fait évoluer le Web en tant que média, nous nous sommes un peu éloignés de cette idée du Web en tant que moyen de création ou excellent médium pour la narration. Et c’est le genre de chose que si vous allez dans une agence de publicité, vous n’allez pas marcher très loin avant de tomber sur un directeur artistique. Mais ce n’est pas quelque chose que vous trouvez généralement, ce n’est pas un titre de poste qui a tendance à se retrouver dans les agences numériques. C’est juste, vous trouverez des personnes UX, des chefs de projet et des développeurs, ainsi que toutes sortes de concepteurs de produits entre parenthèses. Mais la réflexion générale sur le message que nous essayons de transmettre, comment pouvons-nous implémenter cela par le biais de la conception? Mais ensuite, il y a ce genre de direction que vous pourriez considérer comme une direction créative, mais elle est légèrement différente. Raconter cette histoire, c’est en partie en vérifiant que tout est sur la marque, le message, le message.

Drew: En tant que développeur, si je souhaite me lancer dans la direction artistique de mes projets, par où dois-je commencer? Est-ce quelque chose que je peux apprendre ou faut-il que vous soyez né de cette façon?

Andy Clarke: Je ne peux pas penser à la façon dont vous êtes né. Vous avez atterri sur votre tête. Non, c'est quelque chose qui peut être enseigné et c'est quelque chose qui nécessite de la pratique. Vous n’avez donc pas besoin d’aller à l’école d’art, d’étudier la publicité ou quoi que ce soit. J'ai jamais fait. Je n’ai même pas fait de diplôme en graphisme dans les années 80. J'étais un peintre raté. Mais c’est le genre de chose où, je pense que c’est un changement de mentalité, un peu. En réfléchissant, il ne s'agit pas uniquement des aspects pratiques de la conception d'un site Web, mais également de la réflexion suivante: «Eh bien, qu'essayons-nous de faire?»

Andy Clarke: Alors laissez-moi vous donner un exemple, à droite. So Smashing Magazine, j’ai effectué quelques travaux conceptuels avec eux pour la refonte que nous voyons actuellement. Et la façon dont nous avons fait cela a été d’organiser simplement une série d’ateliers où nous nous sommes tous réunis et nous nous sommes assis autour d’une grande table pendant une semaine et nous avons fait ce genre de fois trois ou quatre fois où nous essayions vraiment de faire. pour aller au fond de ce que le message Smashing était. Et comment Smashing voulait être perçu et qu’il s’agissait en fait d’une grande table ronde qui visait à amener les gars de Smashing, Vitaly, Markus et d’autres, à réfléchir au véritable objectif de Smashing et à la manière dont ils allaient utiliser la conception. communiquer le type unique de personnalité et d'attributs de Smashing.

Andy Clarke: Et pour aider à la réalisation de ce projet, nous avons effectué une série de travaux de conception approximative. Et puis, à partir de ce qu'ils ont appris, ils se sont ensuite tournés vers Dan Mall et ont déclaré: «Bien, nous avons ces mots, nous les avons, appelez-les principes de conception si vous voulez, que nous voulons ensuite sortir du design . Nous voulons être vif et audacieux. Nous voulons que l'expérience soit à onze. Nous voulons être bizarres »et tous ces mots qui sont ressortis de nos premières discussions sur la conception. Et puis, il produirait ensuite des dessins assortis à ce brief.

Andy Clarke: Et l’intéressant à ce sujet, si nous relions cela à votre question: «Où puis-je participer? », c’est-à-dire si nous lançions un projet pour Notist par exemple. La chose la plus évidente est qu’il fait certaines choses. Il héberge vos ponts de diapositives. Il ajoute votre profil de conférencier ou autre chose, mais ce ne sont que des choses qu’il fait. Mais vos aspirations pour ce produit sont bien plus que bien d'autres choses pratiques. Donc, du point de vue de la marque et de la direction artistique, oui, vous voulez concevoir un produit simplifié, simple à utiliser et fiable, et tout ce qui y est associé va un peu avec. Mais la situation est plus vaste et je vous expliquerais en quoi consiste vraiment cet objectif. Est-ce pour inspirer d'autres intervenants à monter sur scène? Est-ce pour partager l'information plus largement? Est-ce pour rendre les discussions qui ont lieu lors de conférences à distance beaucoup, beaucoup plus visibles pour les gens, où qu'ils soient dans le monde.

Andy Clarke: Une fois que nous avons compris en quelque sorte ce que notre véritable objectif était, nous pouvons réfléchir à la manière dont est-ce que nous transmettons ce message à travers le design? Et c’est là qu’un concepteur présenterait un brief créatif et que nous examinerions ensuite quel style typographique transmettra ce message? Quel genre de mise en page? Quel genre de jeu de couleurs? Quel genre de graphismes vont vraiment raconter cette histoire, car on peut facilement dire que le site de partage de diapositives le plus populaire au monde est: quel est ce méchant? Pas Speaker Deck l’autre. SlideShare . Épouvantable, absolument épouvantable. Ce que nous cherchons à faire est quelque chose du genre Notist si nous considérons que la direction artistique doit être prise en compte, comment voulez-vous que les gens ressentent lorsque vous utilisez le produit et que vous voulez qu'ils ressentent lorsqu'ils réalisent la décision de choisir votre produit plutôt que celui de quelqu'un d'autre.

Drew: Il s’agit donc en grande partie de la façon dont la marque, en un sens, est incarnée dans chaque petit détail et chaque élément de la conception, à la fois design visuel et design fonctionnel. Est-ce exact de dire cela?

Andy Clarke: Ouais. Oui, absolument, et cela devrait être le cas avec tout ce que nous fabriquons. C’est pourquoi je suis tellement déçu de voir des choses qui ne sont pas à des dizaines de kilomètres du framework par défaut en termes de styles de disposition ou de boutons, de hiérarchie de caractères ou quoi que ce soit, tous ces types de conception. Parce que, pour moi, c’est comme rater complètement le but de la conception.

Drew: Il est donc évident que les sites Web modernes sont pour la plupart crachés d'un CMS dans des modèles identiques. Donc, si l'une des tâches de la direction artistique est d'invoquer ce genre de réaction émotionnelle à quelque chose sur une page, cela peut-il être fait en crachant du contenu dans des modèles ou par machine?

Andy Clarke: Eh bien, si j'avais la solution à ce problème, je serais un homme très riche, car c'est en fait le problème avec lequel une grande partie du Web se débat. Que ce soit des journaux, des magazines, des éditoriaux ou autre. Et c’est une question qui revient sans cesse. Et en fait, les personnes qui ont vraiment résolu ce problème sont les meilleures que j’ai portées à ma connaissance, c’est ProPublica, dont je parle beaucoup dans le livre. Et notre vieil ami Rob Weychert a conçu l’implémentation du système de gestion de contenu pour ProPublica. Et comme ils l'ont fait, ils ont dit: «D'accord, d'accord, voici le style de nos fondements. Voici à quoi ressemble le site Web de ProPublica. Un article sur ce site Web ressemble à un site si je ne fais rien. C'est ce que c'est. »Mais, de toute évidence, ils veulent pouvoir personnaliser cela de différentes manières, qu'il s'agisse d'un type ou d'une mise en page, d'un thème de couleur ou de toute autre chose. Ce qu'ils ont fait était très simplement qu'ils avaient simplement un champ dans le CMS qu'ils pouvaient injecter en CSS personnalisé. Et parce qu'ils ont compris la cascade et comment CSS a été construit, ils ne pourraient alors qu'écraser certaines choses.

Andy Clarke: Désormais, tout le monde ne voudra pas se lancer dans la conception sur mesure. articles à la manière de ProPublica. Et ils ne sont pas artistiques directs ou ne conçoivent pas tout. Ce sont seulement ces pièces vraiment spéciales qui ont tendance à faire un très bon travail de direction artistique. Mais il y a des façons de le faire. L'un des grands, nous parlons toujours de la séparation de, ou nous avions l'habitude de parler de c'était autrefois la chose où nous séparions le contenu, la structure, le style et le comportement. Maintenant, il semble que tout le monde empile tout dans JavaScript mais avance rapidement. Une des choses que vous pouvez faire est de séparer la logique CSS. Et tant que vous n'utilisez pas le style de page dans le code HTML, tant que vous gardez les choses flexibles, vous pouvez alors faire énormément, surtout quand nous avons des choses comme CSS grid, flex box, qui sont en quelque sorte, presque comme des contenus indépendants en quelque sorte, et des variables CSS.

Andy Clarke: Je travaille donc sur place avec un magazine de football français qui, espérons-le, sera terminé au moment de la création de ce podcast. sort et c'est une question que nous essayons de résoudre en ce moment. Donc, ce que j’ai fait au cours des dernières semaines, j’ai probablement conçu environ une demi-douzaine de modèles de présentation différents. Maintenant, certaines pages sont corrigées. Ils ne changeront jamais, ils ne seront jamais très différents. Si vous pensez à quelque chose comme un tableau de classement ou une liste des résultats d’un samedi de football, vous n’allez pas en faire beaucoup. Mais en ce qui concerne les profils de joueurs et d’équipes et certains des contenus les plus complexes, j’ai créé une demi-douzaine de combinaisons de présentations différentes. Tous basés sur exactement le même CSS. Et ce que je fais, c’est que j’extrais alors certaines choses que, faute de mieux, j’appelle thèmes. Juste en termes de droit, dans cette conception, Conception A, et je leur donne tous les noms. Je donne, j’ai donné le thème, je leur ai donné le nom de footballeurs français. Donc, si vous voulez, si vous regardez le thème du design ou du thème Cantona, à quoi ressemblent les titres? A quoi ressemblent les guillemets? À quoi ressemblent les en-têtes de table? A quoi ressemblent les boutons? Il existe un style spécifique dans ce thème qui est indépendant de la mise en page.

Andy Clarke: L'autre élément indépendant de ce thème est constitué par les six combinaisons de couleurs que j'ai évoquées. avec. Donc, fondamentalement, à la fin du projet, vous aurez un calque de couleur, un calque de thème et un calque de mise en page qu’ils pourront ensuite choisir en quelque sorte. Et cela peut être automatisé, transformé en interrupteurs à bascule dans le système de gestion de contenu ou quoi que ce soit d'autre. Il existe donc des moyens de le faire.

Andy Clarke: Ce n’est pas particulièrement approprié, en termes de direction artistique, mais les mêmes mécanismes peuvent être utilisés si nous voulons être Dire: Un des exemples cités dans le livre, assez tôt, d'un genre de site dirigé vers l'art. est le site gov.uk du gouvernement du Royaume-Uni, qui en est un excellent utilisateur. C’est un site que j’aime vraiment utiliser, mais ce n’est pas un site que je penserais immédiatement comme dirigé par des artistes, entre guillemets. Ce n’est pas très riche visuellement. C’est plutôt rare et non pas minimaliste, mais utilitaire.

Andy Clarke: J'ai passé des années à blaguer sur gov.uk et j'ai toujours pensé à gov.uk. comme étant le site que le design a oublié. J'ai souvent dit gov.uk, pas connu pour son flair créatif. Et c'était intéressant, lorsque je faisais une série d'entretiens en podcast pour le livre, je parlais à Mark Porter, qui était directeur de la création au Guardian. Vous ne pouvez pas lire un livre sur la conception éditoriale sans que Mark ne s’écroule à un moment donné. En fait, il serait un bon interlocuteur pour ce podcast afin d’obtenir une perspective différente. Et je disais à Mark dans notre conversation: «Regardez, je me souviens de grandes campagnes de publicité dirigées par des artistes à la télévision, dans des magazines. Nous avons parlé de la direction artistique dans les journaux et les publications imprimées, etc., donnez-moi un exemple de ce que vous considérez comme une excellente direction artistique sur le Web. »Et j'étais complètement abasourdi lorsque Mark a dit:« Gov.uk. »

Andy Clarke: Et il a fallu un certain temps pour comprendre, mais en réalité, il avait tout à fait raison, car si la direction artistique consiste à donner aux gens le sentiment de se sentir d'une certaine manière, alors gov.uk fait incroyablement bien son travail. Il n’a pas besoin d’être flashy. Il n’a pas besoin d’être trop conçu. Il n’est pas nécessaire de repousser les limites ou de faire l’une de ces choses que vous pourriez associer à des trucs webby grid grid car tout est génial, car il fait ce qu’il fait et le design convient parfaitement, pas seulement au public et à ce qu’il veut. faire mais aussi comment gov.uk veulent que les gens se sentent quand ils ont quitté le site. Lorsque vous y êtes allé et que vous avez payé votre taxe de voiture ou que vous avez cherché votre collecte de poubelles ou que vous pouvez vous rendre en toute sécurité au Cameroun ou… je quitte ce site rassuré que j'ai reçu les informations que je cherchais de manière approfondie et professionnelle. Je ne me dis pas: "Oh, ce site est-il fiable?" Et pas seulement parce que c'est gov.uk, mais parce que toute l'expérience a été conçue pour ne laisser aucune question sans réponse dans mon cerveau.

Drew : Oui, c'est très simple. Cela vous donne une réelle confiance dans les informations que vous avez trouvées correctes ou dans le processus que vous avez suivi. Il existe un chemin très clair pour que vous ayez l’impression «Oui, j’ai terminé avec succès parce que c’était sans ambiguïté». [19659005] Andy Clarke: Maintenant, est-ce que je concevrais certaines choses différemment? Vous pouvez parier votre dernier dollar, mais voudrais-je penser à améliorer la typographie? Oui. Voudrais-je avoir une conception typographique plus précise afin que nous puissions améliorer l'apparence des chiffres, des dates, des tableaux de données, etc.? Oui, absolument, il y a des choses que je regarderais là-bas et dirais: «Je veux améliorer la conception de cet aspect de gov.uk». Mais en ce qui concerne la direction artistique, non, tout ce qu'ils intention ou non, je ne sais pas s’il existe un directeur artistique chez gov.uk, mais tout ce que vous voyez contribue à la sensation que les gens ressentent à la fin de l’expérience et qui constitue une bonne direction artistique.

[1965] Drew: Le livre lui-même est vraiment magnifique. J'avais déjà vu la version ebook très tôt, ce qui est absolument fantastique et je le recommande. Mais ensuite, j'ai eu le plaisir de choisir une version imprimée et je recommande encore plus la version imprimée. C’est tout ce qui est diffusé, comme vous l’imaginiez, conçu sur mesure et rempli d’exemples inspirants. Et c’est tellement illustré que je veux dire qu’il n’ya guère de double page qui couvre tout le texte. Tout est illustré avec des trucs. C'est vraiment super. Pour être honnête, ce n’est pas le genre de livre, ne sachant rien de la direction artistique avant notre conversation, et avant de regarder, de regarder réellement le livre. C'est quelque chose que je n'aurais pas compris en pensant que c'était pour moi, mais une fois que j'ai commencé à le parcourir, je me suis dit: «Oui, c'est vraiment bon." De toute évidence, vous l'avez conçu, vous avez conçu chaque propagation à la main. . A quoi ressemblait ce processus?

Andy Clarke: C'était beaucoup de travail. Je veux dire, tout d’abord, je veux juste dire un énorme merci à mon fils, Alex, qui a composé tout ce livre du début à la fin. Ce que nous voulions faire lorsque nous avons commencé à produire le livre, c’était de montrer des choses inspirantes, mais nous voulions aussi qu’il soit incroyablement pertinent pour des personnes à différents stades ou dans différents domaines. Et Sue serait assez, assez brutale avec moi et dirait: «N'oublie pas de l'expliquer de cette façon. Si quelqu'un utilise Squarespace, Shopify ou Bootstrap Grid ou autre, vous devez également parler à ces personnes-là. »J'ai donc passé environ trois mois à concevoir une multitude d'exemples différents. Et moi étant moi, je devais en quelque sorte, tout devait être parfait. Comme il devait y avoir un thème, j'ai en quelque sorte proposé ce thème de gangsters londoniens à la base dure pour une application et un site Web qui va avec. Et puis tout se propage à partir de là. Ce qui était intéressant en termes de conception réelle de tous ces exemples était ce que vous apprendrez à concevoir dans une partie du livre, puis vous apprendrez à intégrer une autre partie du livre. Donc, il y a ce genre d’équilibre.

Andy Clarke: Mais alors, en gros, c’est que j’ai trouvé environ une demi-douzaine de gabarits différents pour le corps principal de le livre. J'étais beaucoup, beaucoup plus détaillé sur le genre d'exemples que je n'ai pas conçus, d'autres exemples provenant d'ailleurs sur le Web. Mais le corps du livre, je viens d’en faire une demi-douzaine, en quelque sorte de simples croquis de mise en page. Alex interpréterait alors cela et chapitre par chapitre, nous le passerions ensuite en revue. Donc, littéralement, chaque page a été modifiée. Et je ne l'ai pas fait, je n'ai jamais fait de livre qui ait, eu autant d'attention portée aux détails.

Drew: Ouais, ça montre vraiment et le résultat final est fantastique et j'ai appris beaucoup de lui. Donc, quelque chose que j'aime toujours demander aux gens. J'ai appris à propos de la direction artistique, de quoi avez-vous appris ces derniers temps? Y a-t-il quelque chose de particulier dans votre travail et vos projets que vous avez appris et que vous avez abordé?

Andy Clarke: Ouais. J’essaie vraiment de maîtriser des technologies de grille plus avancées. C’est quelque chose pour lequel j’essaie vraiment de repousser les limites. Et avec ce genre de, parce que j’ai expérimenté, «C’est génial, c’est une mise en page bizarre. Comment pourrions-nous construire cela? »Et en cours de route, des choses telles que les SVG et rendre les SVG réactifs, et j’ai réellement appris aujourd’hui que vous ne pouvez pas utiliser l’élément d’image avec SVG en ligne. Vous devez utiliser un élément IMG si vous souhaitez échanger une image pour une autre ou une source pour une autre en HTML. Donc, en gros, je reviens à vraiment en apprendre beaucoup plus sur le code. Je pense qu’en passant, vous passez par des phases où il y a énormément à apprendre ou cela semble être le cas et il ya quelque chose de nouveau que vous souhaitez maîtriser. Et puis, les choses se stabilisent et vous utilisez le même matériel ou vous utilisez les mêmes modèles ou le même type de méthodologie pendant un moment, puis il y a un autre pic. Et je suis un peu dans une de ces pics en ce moment.

Drew: Évidemment, le livre est disponible maintenant. Vous avez également écrit une série d’articles pour Smashing Magazine à propos du même genre d’idées, en sélectionnant quelques éléments que vous lierez dans les notes d’émission.

Andy Clarke: Les articles du webinaire sont tous identiques, je l’appelai donc Inspired Design Decisions. Et cela est dû au fait que j'étais à Magma Book Shop, un magasin de librairie brillant à Londres, avant Noël. J'étais avec notre ami, Al Power, et nous feuilletions des magazines et je commençais à dire: «Oh, regardez cette belle citation. Cette mise en page semble incroyable. Coo, j'aime la façon dont ils ont lié cette image à la couleur du texte et bla, bla, bla. "Et Al a dit:" Eh bien, je n'ai jamais vraiment pensé à cela. Je n’ai jamais vraiment pensé aux leçons que nous pouvons tirer de la conception éditoriale, de la conception de magazines ou d’autres choses. Et vous en parlez simplement d'une manière qui a du sens. Tu devrais écrire sur ce genre de choses. »Donc, je ne veux pas écrire un autre livre pour le moment, eh bien, Sue traquerait et tuerait tous ceux qui me le demanderaient. Alors, l’idée a été lancée: pourquoi ne pas faire une série d’articles au cours de l’année dans lesquels je voudrais aborder un sujet particulier et une source d’inspiration particulière.

Andy Clarke: trois sont sortis maintenant, jusqu'à présent. Il y en aura quatre, peut-être cinq, au moment de la sortie de ce podcast. Chacun est le contenu du webinaire avec Q & A. Tous les membres de Smashing ont également accès à une version PDF vraiment très bien conçue de tous les articles et de tout le code qui va avec. Un mois plus tard, nous publions cet article gratuitement sur le site Web public de Smashing Magazine. Et ce que nous ferons en mai prochain, c’est que nous rassemblerons les douze articles ensemble, que nous les rééditerons et que nous aurons une bonne continuité. Ce sera un autre livre qui paraîtra probablement en avril, mai prochain.

Drew: Cela sonne bien.

Andy Clarke: C'est très amusant

Drew: Si vous êtes cher l’auditeur, voudrait en savoir plus sur Andy, vous pouvez le suivre sur Twitter où il est @Malarkey et trouver des exemples de son travail et l’engager via son site Web, stuffandnonsense.co.uk. La Direction artistique pour le Web est disponible dès maintenant sur Smashing à smashingmagazine.com/books et je vous la recommande. Andy, avez-vous des mots de départ?

Andy Clarke: (Beep) to Brexit.

(dm, ra, il)