Ajustes de visualización
Los ajustes de apariencia de cada tipo de menú: el fondo del archivo, el icono del menú y las opciones de paleta que usan la navegación y el dock.
Dónde
Settings → Restaurant settings → Content settings → Content settings
La pantalla se abre con los grupos de apariencia de todo el sitio y a continuación repite un bloque de ajustes para cada tipo de menú habilitado.
Grupos de color de todo el sitio
Apariencia de la navegación de categorías
| Ajuste | Usado por |
|---|---|
| Color del divisor de la navegación de categorías | La línea bajo la barra de navegación |
| Color del texto de la navegación de categorías | Los enlaces y el indicador activo |
| Color de fondo de la navegación de categorías | La barra y sus fundidos laterales |
Apariencia del conmutador del dock de contacto
| Ajuste | Usado por |
|---|---|
| Color del texto del conmutador del dock de contacto | La etiqueta del conmutador y sus iconos |
| Color de fondo del conmutador del dock de contacto | El botón flotante, su etiqueta y su pulso |
Apariencia de las opciones del dock de contacto
| Ajuste | Usado por |
|---|---|
| Color de fondo de la opción inactiva del dock de contacto | Las opciones que no son el menú actual |
| Color del texto de la opción inactiva del dock de contacto | Sus etiquetas e iconos |
| Color de fondo de la opción activa del dock de contacto | La opción del menú actual |
| Color del texto de la opción activa del dock de contacto | Su etiqueta e icono |
Cada uno de estos ajustes elige un hueco de la paleta del sitio en lugar de un color libre, que es lo que mantiene la interfaz coherente con el resto del diseño.
Por tipo de menú
Para cada tipo habilitado:
| Ajuste | Efecto |
|---|---|
| Imagen de fondo para … archivo | El fondo detrás de ese menú |
| Icono para … | El icono del menú, usado en el dock y en la navegación |
| Etiqueta en plural para … | El nombre que leen los clientes |
Imágenes de fondo
Usa un fondo como textura, no como contenido. Una fotografía que compita con las fotos de los platos hace que ambas resulten ilegibles.
Comprueba el contraste del texto sobre las partes claras y oscuras de la imagen antes de publicar, y compruébalo también en un teléfono, donde la imagen se recorta de forma distinta.
Iconos
Cada tipo de menú tiene un valor predeterminado sensato: cubiertos, un croissant, una copa de vino, una cerveza, una copa de cóctel, una estrella, una hoja de menú. Sustituye uno cuando el predeterminado no encaje con el local, y mantén los reemplazos dentro de la misma familia visual.
Los iconos se dibujan pequeños. La silueta importa más que el detalle. Consulta Iconos.
La paleta en sí
La paleta de la que eligen estos ajustes la genera el asistente de configuración a partir de la elección de claro/oscuro y de los dos colores de resalte. Cambiarla significa volver a ejecutar ese paso, lo que supone un rediseño de todo el sitio en lugar de un retoque.
El contraste es el ajuste que importa
Cada elección de color aquí se lee en un teléfono, en una mesa, con la iluminación de esa sala:
- la opción activa del dock debe distinguirse inequívocamente de las inactivas;
- el texto de la navegación debe resultar legible sobre su fondo;
- los iconos deben ser visibles sobre las superficies que hay detrás de ellos.
Una combinación elegante de bajo contraste que funciona en el monitor de un diseñador es el fallo de diseño más habitual en un comedor.
Después de cambiar los ajustes de visualización
- [ ] Guardado con Save Settings.
- [ ] Cada menú revisado sin iniciar sesión, en un teléfono, con la iluminación de la sala.
- [ ] La categoría activa y la opción activa del dock son evidentes.
- [ ] Las imágenes de fondo no compiten con el contenido.
- [ ] Los iconos son legibles a su tamaño real.
- [ ] Todos los tipos de menú siguen pareciendo el mismo restaurante.