Al terminar sabrás
- Elegir el tipo de tarjeta
- Dar contorno, sombra, fondo y redondez
- Ajustar el espacio entre y dentro de las tarjetas
En el panelTu Menú › Diseño del menú › Vitrina › Contenido › Categoría › Diseño personalizado › Tarjeta
La tarjeta es la pieza central de tu menú: cada producto vive en una. El grupo Tarjeta decide cómo se ve el contenedor; los grupos siguientes, lo que lleva dentro.
- Tipo de tarjeta.
- Animación de entrada.
- Contorno y Sombra, cada uno con su interruptor.
- Fondo tarjeta y Redondez.
- Separación entre tarjetas y Relleno interno de la tarjeta.
Los cinco tipos de tarjeta
Foto arribaLa foto en la parte superior y el texto debajo. El clásico de las grillas.
Foto izquierdaLa foto a un lado y el texto al otro, en una tarjeta ancha.
Solo textoSin foto. Nombre, descripción y precio.Para menús sin fotografías o de estilo editorial sobrio.
MiniUna tarjeta compacta para ver muchos productos a la vez.
EditorialUna composición más cuidada, de revista.
Aspecto de la tarjeta
Animación de entradaCómo aparecen las tarjetas al hacer scroll: Sin animación, Fade, Deslizar o Escalonar.Con moderación: una animación sutil se nota; muchas cansan.
ContornoUn interruptor con Color, Estilo (Sólido, Discontinuo o Punteado) y Grosor (px), de 1 a 8.
SombraUn interruptor con Color, Opacidad (%), Desenfoque (px), Horizontal (px) y Vertical (px).
Fondo tarjetaEl color de fondo de la tarjeta.
Redondez (px)De 0 a 48.
Separación entre tarjetas (px)De 0 a 48.
Relleno interno de la tarjeta (px)La distancia entre el borde y su contenido. De 0 a 48. Vacío usa el relleno propio de la tarjeta.
Haz esto
- Un fondo de tarjeta distinto al fondo del menú, aunque sea por poco.
- Redondez de 12 a 20 px para un aire amable.
- Una sombra suave o un contorno fino: uno de los dos.
Evita esto
- Contorno grueso y sombra marcada a la vez.
- Tipo «Solo texto» en un menú con fotos profesionales: desperdicias lo mejor que tienes.
OpcionalPon a prueba lo que aprendiste2 ejercicios
¿Algo no coincide con lo que ves en tu panel? Cuéntanos.