Conozca "Dirección de arte para la Web", un nuevo libro impactante de Andy Clarke

Una página en la Web no es como una página impresa. Muchos de nosotros aprendimos eso de la manera más difícil cuando abandonamos los diseños de ancho fijo y adoptamos la flexibilidad y capacidad de respuesta inherentes a la web. Lea el extracto del capítulo.

Las tecnologías web modernas como CSS Grid, Flexbox y Shapes nos han permitido implementar los diseños impresos, a menudo distintivos, y la web ahora está llena de tutoriales sobre cómo usarlos. Pero la pregunta más importante no es “cómo” podemos usar técnicas de dirección de arte para mejorar nuestros diseños para la web, sino “cuándo” y “por qué”.

Esta es la razón por la que Andy Clarke escribió su nuevo libro Dirección de Arte para la Web. Este es un libro sobre por qué es importante la dirección de arte y cómo puedes dirigir artísticamente experiencias atractivas y efectivas a través de dispositivos y plataformas.

Andy explora el trabajo de algunos de los directores de arte más influyentes, luminarias como Alexey Brodovitch, Bea Feitler y Neville Brody. No nos alienta a simplemente imitar el trabajo de una época y un medio anteriores, sino a comprender su forma de pensar y aprender a aplicar ese conocimiento a la dirección de arte para la web.

Andy escribe,

“No necesitas haber ido a la escuela de arte para aprender y aplicar los principios que te enseño. Al igual que la dirección de arte en sí misma, son algo que todos, sin importar su experiencia y área de especialización actual, pueden usar todos los días para mejorar la efectividad del diseño de un producto o sitio web”.

El objetivo de Andy es enseñar a las personas sobre la importancia de la dirección de arte para la web y explicar cómo la dirección de arte puede ayudar a las personas a contar historias mediante el diseño. De esa forma, los productos y sitios web se conectarán con las audiencias y también lograrán mantenerlas comprometidas. Después de una investigación exhaustiva de la metodología de la dirección de arte, Andy enseña cómo lograrlo adoptando la web con CSS moderno.

La Dirección de Arte para la Web lo ayudará a hacer que sus sitios sean más efectivos para comunicar, persuadir y vender. Si desarrolla productos, este libro los hará más convincentes y agradables de usar. Lea el extracto del capítulo →

Tabla de contenido

Parte 1: Explicando la Dirección de Arte

• Qué significa dirección de arte
  Pregunte qué significa la dirección de arte para los desarrolladores y es posible que respondan: usar el elemento <picture> o el atributo de sizes en HTML para imágenes receptivas; presentando cultivos, orientaciones o tamaños alternativos en varios tamaños de pantalla. Pero hay más.
• Cien años de dirección de arte
  Bradley, Brodovitch, Brody y Feitler: juntos, sus nombres suenan como una agencia de publicidad de la era de Mad Men. En este capítulo, echaremos un vistazo a sus obras icónicas, desde la década de 1930 hasta la de 1980.
• Experiencias de dirección de arte
  Ya sea que escribamos realidad o ficción, vendamos o fabriquemos productos, la forma de involucrar a las personas, crear deseo, hacerlas felices y animarlas a seguir así es mediante la creación de narrativas. Entonces, ¿qué debemos tener en cuenta al hacerlo?
• Dirección de Arte y Equipos Creativos
  Echemos un vistazo a cómo podemos adoptar la colaboración y formar equipos que sigan estrategias basadas en objetivos comunes.

Parte 2: Diseño para dirección de arte

• Principios de diseño
  ¿Los principios que han guiado el diseño en otros medios durante generaciones son relevantes para el mundo de los productos y sitios web digitales? ¡Por supuesto! En este capítulo, exploraremos los principios de simetría, asimetría, razones y escala.
• Cuadrículas de dirección
  Las cuadrículas tienen una larga y variada historia en el diseño, desde los primeros libros, pasando por movimientos como el constructivismo hasta la popularidad actual de las cuadrículas en marcos como Bootstrap y el diseño de materiales. Este capítulo explica la anatomía y la terminología de las cuadrículas y cómo utilizar las cuadrículas modulares y compuestas.
• Tipo de dirección
  El espacio en blanco, la escala tipográfica y los usos creativos de la tipografía son el enfoque de este capítulo.
• Dirección de imágenes
  Las imágenes y cómo las mostramos tienen un enorme impacto en cómo las personas perciben nuestros diseños, ya sea en un sitio web comercial o editorial, o dentro de un producto. En este capítulo, aprenderá a colocar y organizar imágenes para dirigir la vista.

Parte 3: Desarrollo para dirección de arte

• Desarrollo de diseños con cuadrículas CSS
  CSS Grid más contenido reflexivo y dirigido por arte nos ofrece la mejor oportunidad hasta ahora de crear sitios web que sean mejores para comunicarse con nuestras audiencias. En este capítulo, Andy explica las propiedades y técnicas más apropiadas para la dirección de arte.
• Desarrollo de componentes con Flexbox
  Si bien Grid es ideal para implementar diseños dirigidos por el arte, Flexbox suele ser más adecuado para desarrollar moléculas y organismos, como enlaces de navegación, imágenes, subtítulos, entradas de búsqueda y botones. Este capítulo explora cómo hacer uso de ella.
• Tipografía en desarrollo
  Desde el diseño de varias columnas y la organización del tipo con modos de escritura hasta la orientación del texto y la tipografía decorativa, este capítulo profundiza en el lado del código del tipo.
• Revelado con imágenes
  ¿Cómo ajusta sus imágenes dirigidas por arte a la ventana gráfica de un usuario? ¿Y qué tienen reservadas las formas y rutas CSS para su diseño? Descubrámoslo en este capítulo final.

Impresionantes seminarios web de televisión

Para acompañar este libro, Andy también está dando una serie de seminarios web sobre Smashing TV. Los seminarios web son gratuitos con la Membresía Smashing, que cuesta un par de tazas de café al mes (cancela en cualquier momento).

Sobre el Autor

Andy Clarke es un conocido diseñador, consultor de diseño y mentor. Le han llamado muchas cosas desde que empezó a trabajar en la web. A su ego le gustan términos como "Embajador de CSS", "profeta de la industria" e "inspirador", pero está más orgulloso de que Jeffrey Zeldman una vez lo llamó "bastardo de triple talento".

Con su esposa, Sue, Andy fundó Stuff & Nonsense en 1998. Han ayudado a empresas de todo el mundo a mejorar sus diseños brindando consultoría y experiencia en diseño.

Andy ha escrito varios libros populares sobre diseño y desarrollo de sitios web, incluidos Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design y Transcending CSS: The Fine Art Of Web Design . Es un orador popular y da charlas sobre dirección de arte y temas relacionados con el diseño en todo el mundo.

Testimonios

Nuestro objetivo ha sido hacer que el libro sea lo más inspirador, práctico y útil posible , y nos sentimos honrados de haber recibido críticas tan positivas.

“Con 'Dirección de arte para la web', Andy proporciona un marco para aprovechar el potencial de la web. Con contexto histórico y ejemplos de la vida real, Andy nos inspira a cada uno de nosotros a ser más decididos con las decisiones que tomamos. Y fiel a su estilo, sigue toda esa inspiración con demostraciones y el conocimiento práctico necesario para ver nuestras ideas manifestarse en línea”.

— Trent Walton, cofundador de Paravel Inc.

Por qué este libro es para ti

El contenido de este libro se basa en los veinte años de experiencia de Andy trabajando con clientes, además de la experiencia de los directores de arte y diseñadores que entrevistó. Aprenderás :

1. Qué significa dirección de arte, por qué es importante y quién puede hacerlo.
2. Cómo hacer que la dirección de arte funcione para productos digitales y sitios web.
3. Cómo mejorar las conversiones y dar vida a los viajes de sus clientes.
4. Cómo mantener los valores de marca y los principios de diseño conectando puntos de contacto en marketing, diseño de productos y sitios web.
5. Cómo utilizar los principios de la dirección de arte , como el diseño, la tipografía, las proporciones, la proporción y las cuadrículas de una manera más imaginativa para comunicar mucho mejor lo que intentas hacer.
6. Cómo implementar tus diseños en cualquier plataforma con lo último en HTML y CSS.
7. …Además, exploraremos diseños destacados de 100 años de medios y publicaciones impresas para inspirarnos más en la dirección de arte.

Detalles técnicos

• 344 páginas, 14 × 21 cm ( 5,5 × 8,25 pulgadas)
• ISBN: 978-3-945749-76-0 (impreso)
• Tapa dura de calidad con encuadernación cosida y un marcador de página de cinta.
• El libro electrónico está disponible en PDF, ePUB y Amazon Kindle.
• Envío gratuito por correo aéreo mundial desde Alemania. A partir de mediados de abril . (Consultar tiempos de entrega).
• Disponible en formato impreso, tapa dura de calidad y libro electrónico.