Diseños
Los diseños Smart Chip utilizan un sistema de cuadrícula sencillo pero flexible que hace que todo tenga un aspecto limpio y coherente. Al mismo tiempo, te da mucha libertad para adaptarte a diferentes tamaños, formatos y necesidades de diseño.
Estilos de diseño
Hay dos tipos de diseños: A todo el ancho y Espacio en blanco. Ambos usan el mismo sistema de cuadrícula y las mismas reglas.
A todo el ancho Estos diseños usan nuestra paleta de colores, imágenes llamativas y titulares grandes para llamar la atención. Quedan mejor en señalización o como elemento llamativo cuando se combinan con diseños que dejan espacios en blanco.
Espacio en blanco Las maquetaciones de este tipo dejan más espacio para el texto y pueden incluir más información que una maquetación a todo el ancho. Por eso son más adecuadas para contar una historia.
Configuración de la cuadrícula
Empieza por los márgenes. El margen estándar para las maquetaciones es 8% del lado más corto.
Divide el área interior en un Cuadrícula de 10×10.
Y ya está. Con esto ya tienes el sistema de cuadrícula completo. Usa las líneas de la cuadrícula para alinear y ajustar el tamaño de elementos como el logotipo, los titulares, las llamadas a la acción, las imágenes y mucho más.
Cómo usar la cuadrícula
Usa las líneas de la cuadrícula como guía para alinear los elementos. El sistema está diseñado para ser flexible, así que no dudes en mezclar y combinar tamaños y disposiciones para crear un diseño que se adapte a tus necesidades.
Titulares
Los titulares pueden ser tan grandes como quieras para aprovechar todo el espacio disponible. Pero no es obligatorio: a veces, cuanto más pequeños, mejor. Deja que el diseño respire.
Deja una distancia entre el texto y la imagen de al menos el ancho del margen. No coloques los titulares sobre las imágenes, salvo en diseños a todo página.
El texto puede quedar por debajo de una línea de la cuadrícula o sobre ella, lo que mejor te venga para tu diseño.
Imágenes
Alinea también las imágenes con las líneas de la cuadrícula. Las imágenes pueden terminar en el margen para conseguir un aspecto limpio y estructurado, o bien extenderse hasta el borde. Para lograr un efecto más dinámico y envolvente, también pueden ocupar toda la página, con el texto y los elementos superpuestos encima.
El fondo que rodea la imagen puede ser negro o blanco. El blanco transmite ligereza y libertad, mientras que el negro es elegante y potente. Elige el estilo que mejor se adapte al contexto y al contenido.
Cuando utilices el diseño a todo el ancho, asegúrate de que el texto se vea bien. Puedes aumentar un poco el grosor de la fuente si eso ayuda a que se lea mejor. Además, no pongas texto sobre partes importantes de la imagen (como caras) ni sobre zonas con mucho detalle.
Las opciones de sangrado para las imágenes son: sangrado completo (que se extiende por todos los lados), sangrado parcial (que se extiende por tres lados) o sin sangrado.
Evita el sangrado parcial en solo uno o dos lados.
Imagen en imagen
Superponer y combinar imágenes es una forma genial de compartir más información, darle vida al diseño y crear profundidad visual.
Si dejas que las imágenes superpuestas se salgan un poco de la cuadrícula, quedan aún más dinámicas.
Puntuaciones
El marca (El logotipo o el icono) suele ir en la esquina superior izquierda o derecha, pegado al margen.
El escalado varía según si el diseño es horizontal o vertical:
- En los diseños horizontales, ajusta el tamaño de la marca para que la parte “SC” tenga una altura de entre una y dos unidades de cuadrícula.
- En los diseños verticales, ajústalo para que tenga una anchura de entre dos y cuatro unidades de cuadrícula.
Cuando coloques la marca, alinéala con la parte “SC” en lugar de con los puntos. Los puntos se superponen ligeramente a las líneas guía.
Solo coloca la marca sobre la imagen si sigue siendo fácil de leer. Elige la versión (negra o blanca) que ofrezca mejor legibilidad.
Ejemplos
Excepciones
El sistema de cuadrícula funciona bien para la mayoría de los tamaños. Sin embargo, hay algunas circunstancias especiales en las que hay que salirse de la cuadrícula.
Imágenes cuadradas
La cuadrícula no admite imágenes perfectamente cuadradas, pero quedan genial en muchos casos. No pasa nada por saltarte las reglas en este caso; solo asegúrate de que la imagen quede alineada con tres líneas de la cuadrícula.
Formatos ultraanchos
En formatos muy anchos, como por ejemplo las pancartas, si sigues las líneas de la cuadrícula, la marca queda muy pequeña y el margen es demasiado estrecho (ejemplo de arriba).
En estos casos, podemos usar la primera línea horizontal de la cuadrícula como nuevo margen. Además, podemos ajustar el tamaño de la marca para que ocupe toda la altura hasta el margen (ejemplo de abajo).
Formatos muy altos
Lo mismo ocurre con los formatos muy altos. En este ejemplo, si escalas la marca a cuatro cuadrículas, quedaría demasiado pequeña (ejemplo de la izquierda). Para conseguir un tamaño más armonioso para la marca, podemos saltarnos la regla en este caso y ampliarla (ejemplo de la derecha).
Lo que no debes hacer
Por favor, evita cometer los siguientes errores.
No te salgas de los márgenes.
No hagas las marcas demasiado grandes.
No hagas las marcas demasiado pequeñas.
No combines las imágenes con un color que no pegue.
No le pongas margen a las imágenes solo por uno o dos lados.
No superpongas parcialmente el texto y las imágenes.
No pongas texto encima de las imágenes si eso dificulta la lectura.
No pongas el texto demasiado apretado.