C'est ici! Faites connaissance avec la «Direction artistique pour le Web», un nouveau livre sensationnel

Contrairement au monde de la conception d’imprimés, notre processus de création a souvent été contraint par ce qui est possible avec notre outils. Cela a également été rendu plus difficile par les défis uniques de la conception pour le Web, tels que de s'assurer que nos sites répondent correctement à une gamme variée d'appareils et de navigateurs.

Le Web n'est pas imprimé, bien sûr. ne peut pas prendre des concepts d’imprimés robustes et les appliquer aveuglément à la bande fluide. Cependant, nous pouvons étudier le territoire jadis inexploré de la mise en page, du traitement de texte et de la composition que les concepteurs de l’imprimerie ont conquise avec compétence et minutie, et explorer les leçons de l’impression que nous pourrions apporter à notre expérience Web d’aujourd’hui. peut le faire en regardant notre travail à travers l’optique de direction artistique une stratégie visant à réaliser des expériences plus fascinantes, plus fascinantes et plus engageantes. Avec l'avènement de technologies front-end telles que Flexbox, CSS Grid et Shapes, nos chaînes créatives peuvent se détacher. Il est temps d'explorer ce que cela signifie réellement.

Télécharger un échantillon : PDF ePUB Amazon Kindle .

À propos du livre

La Direction artistique pour le Web existe parce que nous voulions explorer comment nous pourrions nous sortir de l'âme sans âme, expériences génériques sur le web. Ce n’est pas un livre sur les tendances, ni sur des modèles de design ou des solutions «prêtes à l’emploi» pour votre travail. Non, il s’agit de compositions originales, de dispositions inattendues et de conceptions critiques . C’est comment utiliser les possibilités techniques dont nous disposons aujourd’hui au maximum pour créer quelque chose qui se démarque.

C’est un livre pour les concepteurs et les développeurs front-end ; un livre qui est censé vous faire penser explorer et contourner les frontières et les conventions, pour essayer quelque chose de nouveau – tout en gardant une priorité pour l'accessibilité et la convivialité.

Pour y parvenir, le livre applique le concept de direction artistique – un élément essentiel de la conception imprimée depuis plus de cent ans – pour examiner une nouvelle approche de la conception Web, en partant de l'histoire que vous souhaitez raconter avec votre conception et en créant un produit fini parfaitement adapté à vos besoins. Marque.

Bien sûr, le livre électronique est gratuit pour Smashing Members et les membres économisent également sur le prix habituel.

Écrit par Andy Clarke. Commenté par Rachel Andrew. Avant-propos de Trent Walton. Publiée en avril 2019.

Télécharger un échantillon : PDF ePUB Amazon Kindle .

Fiche technique Détails

• 344 pages, 14 × 21 cm ( 5,5 × 8,25 pouces)
  ISBN: 978-3-945749-76-0 (impression)
• Relié avec une reliure cousue et un marqueur de page à ruban.
• Livraison gratuite par la poste aérienne en provenance d'Allemagne.
• ] Vous pouvez consulter les délais de livraison de votre livre .
• Le livre électronique est disponible en format PDF, ePUB et Amazon Kindle
• Actuellement expédié en tant que imprimé, qualité relié et eBook .

Table Of Contents

Les possibilités de direction artistique sur le Web vont bien au-delà des images réactives. Le livre explore comment créer des expériences dirigées par l’art avec les techniques modernes du front-end .

Dans son livre, Andy montre l’importance et l’efficacité des conceptions qui renforcent le message de leur contenu, comment utiliser les éléments de conception pour transmettre efficacement un message et susciter l’émotion , et comment utiliser les toutes dernières technologies Web pour transformer en réalité de superbes sites Web. Il va au-delà de la théorie pour vous enseigner des techniques que vous pouvez utiliser tous les jours et qui vont changer votre approche du design pour le Web.

Le livre est illustré avec des exemples de la direction artistique classique tirée de publicités et de magazines. des directeurs artistiques innovants comme Alexey Brodovitch, Bea Feitler et Neville Brody. Il présente également des exemples modernes de direction artistique sur le Web provenant de sites tels que ProPublica ainsi qu'une marque fictive évocatrice qui illustre les principes enseignés.

1, «Explaining Art Direction»

La Direction artistique pour le Web commence par présenter le concept de direction artistique, son histoire et son utilité pour la conception Web moderne, comme par le passé dans d'autres médias. . Dans la partie 1, «Expliquer la direction artistique», Andy vous explique comment commencer à réfléchir à tous les aspects de votre design à travers l'objectif de la direction artistique.

Vous apprendrez comment le design peut évoquer l'émotion influent sur notre perception subconsciente de ce que nous lisons et nous laissent une impression durable . Vous apprendrez également l'histoire de la direction artistique, en commençant par les exemples les plus anciens en tant qu'élément central du design de magazine et en montrant comment les philosophies fondamentales de la direction artistique persistent dans un nombre incroyable de styles visuels et en veillant à ce que la conception corresponde toujours au contenu. .

Comme la direction artistique consiste souvent à assurer que la conception visuelle corresponde à la narration de votre contenu, cette section vous donnera également la compétences pratiques pour identifier les histoires qui se cachent derrière vos projets même si elles semblent difficiles à découvrir.

Enfin, cette partie vous apprendra que la direction artistique est un processus auquel nous pouvons tous participer, peu importe la situation. notre rôle dans nos projets. Les valeurs fortes de la marque communiquées selon des principes codifiés garantissent que tous les membres de votre équipe parlent de la même voix et renforcent le message de votre marque par le biais de la direction artistique.

Partie 2, «Concevoir pour la direction artistique»

Direction »explique comment utiliser les éléments de conception et la mise en page pour obtenir des effets visuels qui complètent votre contenu. Vous apprendrez les principes de conception tels que l'équilibre, la symétrie, le contraste et l'échelle pour vous aider à comprendre les principes fondamentaux de la conception à partir desquels la direction artistique est basée. Vous apprendrez également à créer des dispositions intéressantes et uniques à l'aide des systèmes de grille avancés à colonnes irrégulières des grilles composées et empilées et des grilles modulaires.

Ce livre couvre également comment utiliser la typographie de manière créative pour créer la voix avec laquelle votre marque parler. Outre une étude sur la création de corps de texte lisibles et attrayants, cette section explore également la manière d’être véritablement expressive avec des caractères permettant de créer de belles vedettes, des statuts, des lettres majuscules, des guillemets et des chiffres.

Vous apprendrez également à exploiter pleinement les images de vos conceptions, même si les dimensions de la page changent, pour créer des conceptions percutantes qui attirent l'œil dans votre contenu et fidélisent vos lecteurs.

Partie 3 , «Developing For Art Direction»

La dernière partie de la section Art Development for the Web, intitulée «Developing For Art Direction», vous explique les derniers outils de conception Web pour libérer votre créativité et vous aider à appliquer ce que vous avez appris.

Vous apprendrez à utiliser CSS Grid pour créer des présentations dynamiques intéressantes et à utiliser Flexbox pour concevoir des éléments qui s'emboîtent, se redimensionnent et se déforment pour s'adapter à leurs conteneurs.

Cette troisième partie étudiera également comment utiliser les colonnes CSS transformées et . CSS Grid pour créer une belle typographie. Vous apprendrez également comment les unités de la fenêtre, la taille de l’arrière-plan la position de l’objet et les formes CSS permettent de créer des images attrayantes et adaptées à chaque largeur de fenêtre ou d’appareil.

Dans son livre, Andy a montré comment appliquer la direction artistique à n’importe quel projet de design que vous conceviez pour un magazine, une devanture de magasin ou un produit numérique.

Témoignages

“Sur le Web , la direction artistique a été un rêve différé. «Le média n’était pas fait pour ça», disions-nous. Nous nous sommes dit que les écrans et les navigateurs étaient trop peu fiables, les pages trop changeantes, les calendriers de production trop impitoyables pour nous permettre de donner à nos lecteurs et à nos utilisateurs le genre d'expériences directionnelles artistiques réfléchies qu'ils recherchent. Mais pas plus longtemps. La «Direction artistique pour le Web» d'Andy Clarke devrait inaugurer un nouvel âge de la conception web créative . ”

– Jeffrey Zeldman directeur de la création chez Automattic

“Andy montre comment la direction artistique peut élever votre site Web à un nouveau niveau grâce à une expérience positive et à la mise en œuvre de ces principes et techniques de conception dans vos conceptions. Ce livre est rempli de tonnes d'exemples pratiques bien expliqués utilisant les technologies CSS les plus récentes. Cela va tourner votre cerveau vers une pensée plus créative et donner une âme à vos pages. ”

– Veerle Pieters graphiste / web designer belge

À propos de l'auteur

Andy Clarke est un bien – designer, consultant en design et mentor reconnu. Avec sa merveilleuse épouse, Sue, Andy a fondé Stuff & Nonsense en 1998. Ils ont aidé des entreprises du monde entier à améliorer leur conception en leur fournissant une expertise en matière de conseil et de conception.

Marc Thiele ) ( Grand aperçu )

Andy a écrit plusieurs livres populaires sur la conception et le développement de sites Web, notamment Hardboiled Web Design: Édition du cinquième anniversaire Conception de sites Web durcie et Transcending CSS: l'art raffiné du Web Design . Il est un orateur populaire et donne des conférences sur la direction artistique et sur des sujets liés au design dans le monde entier.

Pourquoi ce livre est pour vous

Ce livre ne se limite pas à enseigner comment utiliser les nouvelles technologies sur le Web. Il explore de manière approfondie comment l’art de la direction artistique pourrait s’appliquer à chaque projet sur lequel nous travaillons.

1. Parfait pour les concepteurs et les développeurs front-end qui veulent se mettre au défi et s’extraire de la boîte, [19659020] Montrez comment utiliser la direction artistique pour des produits numériques sans être ralentie par ses subtilités,
2. Caractéristiques exemples de direction artistique classique tirée de la publicité et de magazines de directeurs artistiques innovants tels que Alexey Brodovitch, Bea Feitler, et Neville Brody.
3. Explique comment utiliser le type, la composition, les images et les grilles pour créer des motifs réactifs attrayants,
4. . Explique comment créer un impact se démarquer, être mémorable et améliorer les conversions,
5. Explique comment maintenir les valeurs de la marque et les principes de conception en reliant les points de contact entre le marketing, la conception de produits et les sites Web.
6. Emballé avec des exemples pratiques utilisant CSS Grid, CSS Shapes et le bon vieux Flexbox, [19659020] Explique comment intégrer la direction artistique à votre flux de travail sans coûts élevés en temps et en ressources.

La direction artistique importe pour les histoires que nous racontons et les produits que nous créons, et avec Art Direction pour le Web Andy montre que la seule limite qui reste à notre créativité sur le Web est notre propre imagination.

Télécharger un échantillon : PDF ePUB ] Amazon Kindle .

Bonne lecture à tous!

Nous espérons que vous aimerez ce livre autant que Nous faisons. Bien sûr, c’est une réalisation artistique et il nous a fallu des mois pour arranger la composition de chaque page. Nous remercions gentiment Natalie Smith pour ses superbes illustrations, Alex Clarke et Markus Seyfferth pour la composition typographique, Rachel Andrew pour la révision technique, Andy Clarke pour sa direction artistique et sa patience et Owen Gregory pour une édition impeccable.

Nous sommes impatients d’entendre votre Des histoires sur la manière dont le livre va vous permettre de concevoir des expériences qui se démarquent. Même si, après la lecture de ce livre, vous créez quelque chose qui résistera à l’épreuve de quelques années c’est un objectif pour lequel le livre valait la peine d’être écrit. Bonne lecture à tous!

(vf, il, ms, cm, ac)