Guía de prácticas recomendadas de las Plantillas de la marca
Las plantillas funcionan mejor cuando son fáciles de editar, predecibles y se adaptan a las necesidades reales de tu equipo.
Al planificar con anticipación y configurar sus elementos intencionalmente, puede crear plantillas que cualquiera puede actualizar sin romper los diseños o afectar el estilo de la marca.
Esta guía muestra los pasos esenciales que utilizan los diseñadores para crear plantillas que funcionen en toda tu organización.
1. Empieza por planificar lo que otros tendrán que cambiar
Una plantilla sólida comienza con los bloques de construcción correctos. Elige elementos y estructuras que simplifiquen las actualizaciones para cualquiera que use la plantilla.
Usa tipos de elementos que sean fáciles de actualizar
Selecciona elementos que tus compañeros de equipo puedan volver a colorear o reemplazar sin alterar tu diseño.
Utiliza los SVG para los iconos y las ilustraciones. Se escalan limpiamente y se pueden volver a colorear con los colores del Kit de Marca.
Subir SVG
- Ve a Archivos subidos y, a continuación, selecciona Archivos subidos.
- Elige un archivo SVG para obtener la mejor calidad.
Usar marcos y cuadrículas para imágenes reemplazables
Los marcos mantienen las imágenes con el tamaño y la posición correctos. Esto permite a los compañeros de equipo reemplazar una imagen sin ajustar el recorte o las dimensiones.
Utilice Marcos cuando una imagen necesite llenar un espacio fijo.
Usa los colores del Kit de marca desde el principio
Los coloresdel Kit de Marca mantienen la uniformidad de las plantillas y reducen la necesidad de actualizarlas manualmente más adelante.
- Selecciona el elemento.
- Selecciona Color y luego elige un color para tu Kit de Marca.
- Selecciona Cambiar todo para actualizar todos los colores coincidentes en el diseño.
Esto mantiene tu plantilla alineada con tu marca en cada actualización.
2. Configura tu diseño para que se adapte al contenido real
Tu plantilla debería aguantar cuando alguien añada texto más largo, etiquetas más cortas o contenido nuevo. Estructurar el texto correctamente mantiene el espaciado estable y evita que los diseños se desplacen.
Utilice el reflujo para mantener el espaciado predecible
Reflow controla cómo se mueve el texto cuando se añaden o quitan líneas. Una buena configuración evita que el texto se superponga con otros elementos.
- Mantenga los cuadros de texto lo suficientemente anchos para líneas más largas.
- Deja espacio entre los cuadros de texto para que puedan expandirse según sea necesario.
- Haga coincidir los anchos de los cuadros de texto usando Cmd o Ctrl + Mayús + J antes de agrupar.
Agrupar elementos que deben moverse juntos
La agrupación garantiza que los elementos relacionados se comporten como una sola unidad durante los cambios de diseño.
Agrupa elementos como:
- Títulos y subtítulos
- Iconos y sus etiquetas de texto.
- Elementos decorativos que forman un solo bloque
Evita agrupar:
- Elementos que necesitan moverse por su cuenta
- Secciones no relacionadas de tu diseño
Ancla el texto para que se expanda en la dirección correcta
El anclaje controla dónde se expande el texto cuando alguien lo edita. La coincidencia de anclajes en el texto agrupado mantiene la coherencia de los diseños.
Cómo es un buen anclaje:
- Los titulares se expanden hacia abajo
- Los títulos centrados se mantienen centrados
- El texto del cuerpo crece en una dirección
- Selecciona la caja de texto.
- Selecciona Configuración avanzada.
- Escoger:
- Parte superior para flujo descendente
- Centro de expansión desde el medio
- Abajo para el flujo ascendente
3. Protege las piezas que no deben cambiarse
Una vez que el diseño esté estructurado, bloquea los elementos que definen la identidad visual de la plantilla.
Bloquear elementos fijos
Bloquea los artículos que deben permanecer exactamente donde los colocaste:
- Logotipos
- Formas o imágenes de fondo
- Líneas o iconos decorativos
- Bloques de diseño que definen el espaciado o la estructura
Utilice el bloqueo posicional para las ediciones controladas
El bloqueo posicional mantiene los elementos editables pero evita que se muevan accidentalmente. Esto es útil para:
- Marcos de imagen
- Botones
- Bloques de contenido reutilizables como biografías o estadísticas
El bloqueo garantiza que tu plantilla permanezca intacta, incluso cuando la usan varios compañeros de equipo.
4. Mantén los efectos simples para que las imágenes sean fáciles de reemplazar
Los efectos como las superposiciones y la transparencia pueden mejorar tu diseño, pero los efectos demasiado complejos pueden dificultar la sustitución de la imagen.
Aplicar una mezcla simple de imágenes
Si usas superposiciones o texturas:
- Aplica transparencia a la superposición, no a la imagen
- Mantén la imagen encima de la superposición para que sea fácil de reemplazar
- Evite las mezclas que requieran un reposicionamiento manual
Los efectos simples mantienen tu plantilla flexible y fácil de mantener.
Solucionar problemas comunes
El reflujo de texto rompe el diseño
- Asegúrate de que haya espacio entre los cuadros de texto
- Deja espacio alrededor del texto dentro de las formas
- Confirmar que todo el texto agrupado utiliza la misma configuración de anclaje
Las fotos bajo formas translúcidas son difíciles de reemplazar
- Coloca la imagen encima de la forma translúcida
- Aplica transparencia a la imagen en lugar de a la forma
Esto hace que los reemplazos sean fáciles con arrastrar y soltar.
¿Te resultó útil?
Me resultó útil
No me resultó útil