Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

¡La plataforma de venta online SecuTix tiene una imagen totalmente renovada! Más vivo, simple y actual, el nuevo tema gráfico se ajusta totalmente a las tendencias de moda. Presentamos Equilibrium, un tema totalmente armonizado y equilibrado que sin duda cambiará la experiencia de los internautas para mejor.

Sélection de places Création de compte Récapitulatif de commande Dossier de commande

Un tema moderno y equilibrado

Equilibrium es mucho más que una simple capa de gráficos. Este nuevo tema ha sido concebido con la idea de mejorar la experiencia del usuario. Hemos rediseñado completamente la información que aparece en pantalla para causar un mayor impacto y hemos organizado la jerarquía de forma más clara para que el aspecto del conjunto resulte equilibrado. Las nuevas imágenes armonizadas que utilizamos transmiten toda la información, a la vez que permiten reducir notablemente la complejidad de las páginas. Hemos aumentado los espacios entre elementos para resaltar más el ritmo de la información de la página y dejar que tus contenidos respiren. El resultado es una mayor legibilidad. El pensar en esta línea también nos ha hecho crear elementos visuales más minimalistas recurriendo, sobre todo, a los espacios en blanco, lo que permite ver más fácilmente los contenidos incrustados.

Equilibrium responde a las tendencias actuales. Así, está inspirado en el diseño plano y, en particular, en el Material Design, una serie de normas formuladas por Google. Siguiendo esta línea, Equilibrium utiliza la fuente Open Sans de Steve Matteson, disponible gratuitamente en Google Fonts. Optimizada para la web y dispositivos móviles, esta interfaz de cinco capas permite una excelente legibilidad.

A fin de solucionar el problema del ancho de base del tema actual, que era cada vez más insuficiente, hemos aumentado la columna central de contenido de 700 a 970 píxeles. El diseño general de la página es ahora de 1220 píxeles en pantallas grandes.

El resultado final es que vas a ofrecer a tus usuarios una tienda online más moderna.

La personalización gráfica, en proceso de transformación

Al igual que el tema clásico de SecuTix, Equilibrium también se puede adaptar gráficamente para reflejar la imagen de tu empresa con la mayor fidelidad posible. 

Mientras siga funcionando PizBernina V1, podrás elegir entre el tema clásico y Equilibrium. Para realizar tu selección, ve a la página del «Tema de Internet» del punto de venta en cuestión; en ella encontrarás dos botones de opción que te permiten cambiar de uno a otro. A fin de mantener la compatibilidad con versiones anteriores, los campos personalizables que se muestran en la ventana de configuración (tales como el color, la imagen de fondo o los contornos redondeados) siguen siendo los mismos. Sin embargo, los resultados que se obtienen ahora son un tanto diferentes, así que, antes de pasar a utilizar Equilibrium, te recomendamos que resetees todo (desde el enlace situado en el extremo superior derecho de la página).

Ten en cuenta que el tema clásico solamente estará disponible durante cierto tiempo, por eso te animamos a que procedas ya, con PizBernina V1, a la migración al nuevo tema.

Recommandations d'usage

Voici une liste de recommandations d'usage pour profiter au maximum de l'élégance d'Equilibrium tout en véhiculant votre identité visuelle.

Police de caractère
Avec l'élargissement de la colonne centrale, la mise en page gagne en flexibilité: vous pouvez désormais changer la police pour toutes les textes et pas uniquement les titres.

Unité des couleurs de fond
Un des éléments forts de ce nouveau thème est l'unité dans le choix des couleurs. De ce fait, nous vous encourageons à utiliser la même couleur de fond pour la zone principale et pour le fond des titres. Si vous modifiez la couleur de fond principale mais laissez le fond de titres vides, celui-ci s'adaptera automatiquement au fond principal.  

Il est important de comprendre qu'il existe trois couleurs de fond pour les contenus, en anglais, "Body background color", "Background color" et "Embedded area background color". Ces trois variables permettent de définir:

  • la couleur de fond principale du contenu
  • la couleur utilisée pour les alternances (par exemple: le fond alterne entre deux catégories de places, parfois appelé effet pyjama)
  • la couleur de contenus imbriqués.

Pour un résultat optimal, nous pensons qu'il est préférable de choisir trois couleurs différentiées mais qui évoluent dans la même direction: par exemple, les couleurs de base d'Equilibrium sont un blanc pur, un gris très léger et un gris un peu plus appuyé. À noter: la couleur imbriquée sert également de couleur pour les bords dans le thème. Il est préférable qu'elle se distingue un peu de la couleur principale du fond.

Images de fond
Il est toujours possible de choisir la même image de fond pour toute la page. Toutefois, si celle-ci est trop contrastée, ou si vous ajoutez des effets de transparence sur les couleurs de fond internes, vous risquez de réduire la lisibilité des contenus.
L'image de fond sur la zone centrale n'est plus disponible. 

Boutons et liens
Equilibrium apporte davantage de granularité aux boutons d'appel à action (Call to action).

Les actions principales sont toujours représentées par des boutons de couleur distinctive. En revanche, les actions secondaires se déclinent désormais en trois niveaux.

  • Les plus importantes sont de couleur distinctive et s'accompagnent d'une icône.
  • Les actions simples n'ont pas d'icône associée
  • Les actions qui ne sont pas souhaitables (par exemple, une annulation) ne sont pas en couleur et apparaissent dans la couleur du texte standard.

Signalons également que la possibilité d'arrondi s'applique désormais à d'autres domaines que les boutons.

Couleur du texte par défaut
La variable de couleur du texte par défaut s'applique à de très nombreux éléments, mais parfois avec de petits effets d'allègement (légère opacité). Ne vous étonnez donc pas si certains éléments apparaissent un peu plus clairs ou plus foncés: c'est un effet de nuance recherché dans Equilibrium.

Mapping des couleurs

L'image suivante décrit précisément les variables qui influencent les aspects visuels dans Equilibrium. Retrouvez ces variables en consultant le document: equilibrium-color-mapping.pdf.

Equilibrium Color Mapping

  • No labels