Cuando se trata de proyectos de diseño, a veces nosotros (los diseñadores) quedamos atrapados en una trampa: crear un diseño sin entender el contenido. El primer paso para crear un proyecto excepcional, antes de abrir un software, es leer el contenido. Luego piensa en el diseño y en cómo va la copia.
¿La copia realmente necesita coincidir con el diseño? ¿Deberían ayudar los diseñadores a escribir la copia? Sí, definitivamente. (Como beneficio adicional, todas las imágenes de esta publicación son ejemplos de excelentes combinaciones de copia y diseño de la galería Design Shack).
1. Diseño para el contenido
El diseño y el contenido van de la mano, y uno es completamente inútil sin el otro. Lamentablemente, muchos proyectos no hacen las conexiones correctas entre las imágenes y la copia.
Las trampas de diseño con frecuencia incluyen:
- Tono y efectos visuales no coincidentes
- Poca puntuación, ortografía o gramática.
- Estilos contrastantes
- Bonita estética con texto entrecortado (o viceversa)
- Espacios de diseño atrapados con orificios de copia.
- Demasiada copia abarrotada en muy poco espacio de diseño
- Falta de jerarquía y legibilidad
- Olvidando a la audiencia y quienes son.
La solución a todos estos problemas es crear un contenido y un plan de diseño donde los dos se intersectan. El diseño no es nada sin un gran contenido y el contenido no es nada sin un gran diseño. Esto hace que sea imperativo que los diseñadores entiendan los conceptos básicos de la redacción y por qué son importantes las palabras.
A veces, esto incluye trabajar con el resto del equipo en la creación de las palabras o ediciones que hacen que todo se junte de una manera más sucinta y comprensible. Los diseñadores deben ser fluidos en la lectura y la escritura de cada proyecto que asumen. Los diseñadores también deben sentirse lo suficientemente cómodos como para sugerir cambios en la copia o el plan de diseño si notan alguna de las trampas anteriores en el camino.
2. Entender el tono y la voz
Sabes que lo primero que debes hacer es leer la copia, ¿cómo te habla? ¿Cuál es el tono de la escritura? ¿Es consistente, claro y fácil de seguir?
Ahora imagine cómo se ve la copia. Sé que esto suena tonto, pero continúe. ¿La copia evoca imágenes de algún tipo? (Esto podría ser en forma de letras o una persona o una imagen visual fuerte). Comience allí con el diseño.
Lo que es más problemático desde la perspectiva del diseño es si realmente no hay un tono o una voz en la copia. Ahí es cuando puedes ayudar.
- Haga preguntas sobre cuál debería ser el tono y la voz (divertido, serio, jovial, directo, caótico) y use el diseño para crearlo.
- Asegúrese de conocer y comprender a la audiencia para que el diseño y la copia sean para ellos.
- Ayude a reescribir parte de la copia durante el proceso de diseño para incluir más señales y conexión emocional. (Nos enfocaremos más en esto más adelante).
- Piensa con propósito. ¿Cuál es el objetivo general de lo que estás diseñando? Asegúrese de que la copia y las imágenes guíen al lector o usuario a esa acción.
Recuerde los conceptos básicos al crear una voz para la copia (y las imágenes combinadas): debe conectarse a la forma en que habla. La copia debe ser conversacional, suave y escrita usando palabras sencillas. Cuando se trata del diseño correspondiente, debe ser legible.
3. Copiar a Focus On
Como diseñador, no se le asignará la mayor parte de la creación de copias, pero hay ciertos elementos clave en los que puede trabajar de forma predeterminada. Cada diseño tiene tres piezas principales de copia: titulares y subtítulos (o texto grande), la historia (copia del cuerpo principal) y un llamado a la acción.
Titulares y subtítulos
Los titulares y subtítulos son discutibles las piezas de copia más importantes en cualquier diseño. Son los bloques de copia más grandes y lo que atraerá a las personas al otro texto. Estas son a menudo piezas que no vienen con el otro texto cuando se entrega a un diseñador. Eso significa que necesitas estar cómodo escribiendo la copia. (Realmente no puedes completar un diseño con lorem ipsum, ¿verdad?)
Al escribir las palabras grandes, piense en ellas como un enlace entre el contenido principal y el diseño. Las palabras y las opciones de diseño que realice (incluidos el tamaño, la tipografía y el color) pueden amplificar el significado de las palabras.
Hágase las siguientes preguntas para ayudar a garantizar la mejor copia posible:
- ¿Quién es el público y este texto les habla?
- ¿Qué emoción transmiten las palabras (y las opciones de diseño relacionadas)?
- ¿Es el texto llamativo o provocativo? ¿Seguirá el lector moviéndose a través del texto?
- ¿El texto empuja al lector al siguiente nivel de texto?
- ¿Es fácil de leer en el lienzo?
Historia de diseño y contenido
En la mayoría de los proyectos de diseño, el contenido principal vendrá a ti. Es vital que entiendas bien esta historia para poder diseñarla y crear un texto de apoyo.
Lo que suele faltar son fragmentos de microcopia que fluyen a lo largo de la historia del contenido. Esto es especialmente cierto para los proyectos de diseño de sitios web y aplicaciones. Los pequeños fragmentos de texto que aparecen en los botones, la navegación, los menús y en todo el diseño pueden hacer o deshacer el plan de contenido. Estas pequeñas piezas de copia deben escribirse con cuidado, deben usarse como frases para acciones similares y deben coincidir con el tono general del proyecto.
Llamada a la acción
Llamadas a la acción son la razón del proyecto en primer lugar. Cada pieza de material de marketing, sitio web, tarjeta de presentación o diseño de paquete está ahí para animar a la gente a hacer algo. Pero a veces estas piezas son una ocurrencia tardía.
Los llamados a la acción suelen ser parte de la microcopia. A veces se proporcionan, a veces no. Cuando se planifica copiar y diseñar llamadas a la acción, es importante que este elemento sea increíblemente claro y fácil de entender.
- Considere una tipografía simple con un ancho de trazo medio y uniforme.
- Mantenga la acción corta (es decir, haga clic aquí o llame hoy).
- ¿La copia previa a la acción apoya realizar esa acción? (Si no, considere una reescritura.)
4.Hazlo legible
Como diseñador (ya sea que ayudes a escribir la copia o no), tu objetivo principal es hacer que todo sea legible. Cree un interés visual combinado con palabras que sean fáciles de comprender.
Para hacer esto bien, te convertirás en un poco de editor. Lee la copia como la pones en el lienzo. ¿Hay errores de ortografía o gramática? ¿Son rupturas impares o problemas de separación? Arreglalos. Reescribe o modifica el texto si es necesario para hacerlo. El proyecto será mejor para ello.
Y recuerda hacer el texto legible. Esto podría incluir algunos cambios en la copia o el formato en el camino.
- El contraste es tu amigo. Esto incluye opciones de tamaño, color y tipografía. Haga énfasis en palabras y frases específicas que son clave para el mensaje.
- Se adhieren a un puñado de familias de tipo altamente legibles. Sans serifs funciona bien para una variedad de proyectos. Los pesos regulares son casi siempre más fáciles de leer que las versiones delgadas o condensadas.
- Rompe visualmente el texto. No siempre tienes que reescribir el texto para mejorarlo. A veces, agregar párrafos adicionales o convertir grandes bloques de texto en listas con viñetas o en extracciones puede hacer una gran diferencia.
- Usa palabras activas y combina con visuales interesantes.
Conclusión
Ahora que conoce los detalles de lo que se supone que debe hacer su diseño, puede comenzar a crearlo. Usa color, tipografía y otras técnicas para crear una estética que vaya con el texto. Mejor copia es igual mejor diseño.
Pero hay un problema: no te dejes atrapar por las tendencias o las cosas que quieres probar cuando tomas un proyecto. Ahí es donde las cosas pueden extraviarse. Recuerda, diseña para el contenido que tienes. Tal vez el próximo proyecto sea más adecuado para ese marco mínimo que ha estado mirando.