Conheça "Direção de arte para a Web", um novo livro sensacional de Andy Clarke

Uma página na Web não é como uma página impressa. Muitos de nós aprendemos isso da maneira mais difícil quando abandonamos os layouts de largura fixa e adotamos a flexibilidade e a capacidade de resposta inerentes à web. Leia o capítulo do trecho.

Tecnologias modernas da web, como CSS Grid, Flexbox e Shapes, nos possibilitaram implementar designs muitas vezes distintos de impressão, e a web agora está cheia de tutoriais sobre como usá-los. Mas a questão mais importante não é “como” podemos usar técnicas de direção de arte para melhorar nossos designs para a web, mas sim “quando” e “por quê”.

Esta é a razão pela qual Andy Clarke escreveu seu novo livro Art Direction for the Web. Este é um livro sobre por que a direção de arte é importante e como você pode dirigir experiências atraentes e eficazes em vários dispositivos e plataformas.

Andy explora o trabalho de alguns dos diretores de arte mais influentes, luminares como Alexey Brodovitch, Bea Feitler e Neville Brody. Ele não nos encoraja a meramente imitar o trabalho de uma era e meio anteriores, mas a entender seu pensamento e aprender como aplicar esse conhecimento à direção de arte para a web.

Andy escreve,

“Você não precisa ter frequentado uma escola de arte para aprender e aplicar os princípios que eu lhe ensino. Assim como a própria direção de arte, eles são algo que todos – independentemente de sua formação e área de especialização atual – podem usar todos os dias para melhorar a eficácia do design de um produto ou site.”

O objetivo de Andy é ensinar as pessoas sobre a importância da direção de arte para a web e explicar como a direção de arte pode ajudar as pessoas a contar histórias usando o design. Dessa forma, produtos e sites se conectarão com o público e também conseguirão mantê-lo engajado. Após uma investigação minuciosa da metodologia de direção de arte, Andy ensina como realizá-la abraçando a web usando CSS moderno.

A direção de arte para a Web ajudará você a tornar seus sites mais eficazes na comunicação, persuasão e venda. Se você desenvolver produtos, este livro os tornará mais atraentes e mais agradáveis ​​de usar. Leia o capítulo do trecho →

Índice

Parte 1: Explicando a direção de arte

• O que significa direção de arte
  Pergunte o que a direção de arte significa para os desenvolvedores, e eles podem responder: usando o elemento <picture> ou o atributo de sizes em HTML para imagens responsivas; apresentando culturas, orientações ou tamanhos alternativos em vários tamanhos de tela. Mas há mais do que isso.
• Cem anos de direção de arte
  Bradley, Brodovitch, Brody e Feitler – juntos, seus nomes soam como uma agência de publicidade da era Mad Men. Neste capítulo, vamos dar uma olhada em suas obras icônicas, das décadas de 1930 a 1980.
• Experiências de direção de arte
  Quer escrevamos fatos ou ficção, vendamos ou produzamos produtos, a maneira de engajar as pessoas, criar desejo, fazê-las felizes e incentivá-las a permanecer assim é criando narrativas. Então, o que precisamos considerar ao fazê-lo?
• Direção de arte e equipes criativas
  Vamos dar uma olhada em como podemos abraçar a colaboração e formar equipes que seguem estratégias construídas em torno de objetivos comuns.

Parte 2: Design para direção de arte

• Princípios de Design
  Os princípios que nortearam o design em outras mídias por gerações são relevantes para o mundo dos produtos e sites digitais? Claro! Neste capítulo, exploraremos os princípios de simetria, assimetria, proporções e escala.
• Grades de direção
  As grades têm uma longa e variada história em design, desde os primeiros livros, passando por movimentos como o construtivismo até a popularidade atual de grades em estruturas como Bootstrap e design de materiais. Este capítulo explica a anatomia e a terminologia da grade e como usar grades modulares e compostas.
• Tipo de direção
  Espaço em branco, escala tipográfica e usos criativos do tipo são o foco deste capítulo.
• Direção de Imagens
  As imagens e como as exibimos têm um enorme impacto na forma como as pessoas percebem nossos designs, seja em um site comercial ou editorial, ou dentro de um produto. Neste capítulo, você aprenderá a posicionar e organizar imagens para direcionar o olho.

Parte 3: Desenvolvendo para Direção de Arte

• Desenvolvendo Layouts com Grades CSS
  CSS Grid, além de conteúdo pensado e dirigido por arte, nos oferece a melhor chance de criar sites que se comunicam melhor com nosso público. Neste capítulo, Andy explica as propriedades e técnicas mais apropriadas para a direção de arte.
• Desenvolvendo componentes com Flexbox
  Embora o Grid seja ideal para implementar layouts dirigidos à arte, o Flexbox geralmente é mais adequado para desenvolver moléculas e organismos, como links de navegação, imagens, legendas, entradas de pesquisa e botões. Este capítulo explora como fazer uso dele.
• Desenvolvendo Tipografia
  Do layout de várias colunas e organização de tipos com modos de escrita à orientação do texto e tipografia decorativa, este capítulo mergulha profundamente no lado do código do tipo.
• Desenvolvendo com Imagens
  Como você ajusta suas imagens dirigidas à arte à janela de visualização de um usuário? E o que as formas e caminhos CSS reservam para o seu design? Vamos descobrir neste capítulo final.

Webinars de TV sensacional

Para acompanhar este livro, Andy também está dando uma série de webinars na Smashing TV. Os webinars são gratuitos com o Smashing Membership, que custa algumas xícaras de café por mês (cancele a qualquer momento).

Sobre o autor

Andy Clarke é um conhecido designer, consultor de design e mentor. Ele foi chamado de muitas coisas desde que começou a trabalhar na web. Seu ego gosta de termos como “embaixador do CSS”, “profeta da indústria” e “inspirador”, mas ele está mais orgulhoso de que Jeffrey Zeldman uma vez o chamou de “bastardo de triplo talento”.

Com sua esposa, Sue, Andy fundou a Stuff & Nonsense em 1998. Eles ajudaram empresas em todo o mundo a melhorar seus projetos, fornecendo consultoria e experiência em design.

Andy escreveu vários livros populares sobre design e desenvolvimento de sites, incluindo Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design e Transcending CSS: The Fine Art Of Web Design . Ele é um palestrante popular e dá palestras sobre direção de arte e tópicos relacionados ao design em todo o mundo.

Depoimentos

Tem sido nosso objetivo tornar o livro o mais inspirador, prático e útil possível , e nos sentimos honrados por já termos recebido avaliações tão positivas.

“Com 'Direção de Arte para a Web', Andy fornece uma estrutura para aproveitar o potencial da web. Com contexto histórico e exemplos da vida real, Andy inspira cada um de nós a ter mais propósito sobre as escolhas que fazemos. E fiel à forma, ele segue toda essa inspiração com demos e o conhecimento prático necessário para ver nossas ideias se manifestarem online.”

— Trent Walton, cofundador da Paravel Inc.

Por que este livro é para você

O conteúdo deste livro é baseado na experiência de vinte anos de Andy trabalhando com clientes, além da experiência dos diretores de arte e designers que ele entrevistou. Você aprenderá :

1. O que significa direção de arte, por que é importante e quem pode fazê-lo.
2. Como fazer a direção de arte funcionar para produtos digitais e sites.
3. Como melhorar as conversões e dar vida às jornadas de seus clientes.
4. Como manter os valores da marca e os princípios de design conectando pontos de contato em marketing, design de produto e sites.
5. Como usar princípios de direção de arte como layout, tipografia, proporções, proporção e grades de uma maneira mais imaginativa para comunicar o que você está tentando fazer muito melhor.
6. Como implementar seus designs em qualquer plataforma com o mais recente HTML e CSS.
7. … Além disso, exploraremos designs incríveis de 100 anos de mídia e publicação impressa para obter inspiração extra na direção de arte.

Detalhes técnicos

• 344 páginas, 14 × 21 cm ( 5,5 × 8,25 polegadas)
• ISBN: 978-3-945749-76-0 (impressão)
• Capa dura de qualidade com encadernação costurada e um marcador de página de fita.
• O eBook está disponível em PDF, ePUB e Amazon Kindle.
• Envio gratuito de correio aéreo mundial da Alemanha. A partir de meados de abril . (Consulte prazos de entrega.)
• Disponível como impresso, capa dura de qualidade e eBook.