Le système de mise en page

Grâce à notre système de grille avec rangées, colonnes et modules, les sites sont uniques et dynamiques. Ces éléments fondamentaux peuvent être jumelés en des combinaisons presque infinies, offrant une flexibilité ultime pour accommoder toutes les mises en page imaginables..

Rangées 


Une rangée est une section horizontale qui s’étend sur la largeur de la zone de texte du site (paramètres fixes) ou sur tout l’écran (paramètres fluides). Les rangées peuvent être stylées individuellement afin que chaque rangée soit unique.

Colonnes

Une colonne est une section verticale à l’intérieur d’une rangée. La largeur de chaque colonne peut facilement être ajustée par le graphiste.

Modules

Un module (là où le texte, les images et le reste du contenu apparaissent) peut être placé dans une colonne (qui elle est dans une rangée).

12 Column Grid

Le système de mise en page est basé sur une grille de 12 colonnes.

Rangée fixe

Colonne

Module

Module

Fluid Row

Colonne

Module

Module

Modules disponibles

  • Texte

  • Image

  • Bouton

  • Carte Google

  • Galerie

  • Formulaire électronique

  • Formulaire MailChimp

  • Séparateur

  • HTML

  • Icônes de paiement

  • Bouton PayPal

  • Navigation verticale

  • Partage par courriel

  • Recherche

  • Vidéo

  • Liste de prix

  • Catalogue de blogue

  • Liens vers les médias sociaux

  • Aimer sur Facebook

  • Partager sur Facebook

  • Envoyer par Facebook

  • Publication Facebook

  • Vidéo Facebook

  • Commentaires Facebook

  • Intégration de page Facebook

  • Intégration de page Instagram

  • Bouton Google +

  • Suivre sur Google +

  • Partager sur Twitter

  • Suivre sur Twitter

  • Mot-clic Twitter

  • Citation Twitter

Mise en page adaptative

La plateforme du site Web permet au graphiste de personnaliser la mise en page pour l’affichage de bureau, la tablette et le mobile. Par exemple, sur la tablette et sur le mobile, le graphiste peut placer les colonnes comme montré ci-dessous pour un affichage adapté sur les plus petits écrans. Ce genre de design adaptatif rend les sites invitants et faciles à naviguer sur tous les appareils.

Responsive Layout Responsive website

Les graphistes peuvent également ajuster les réglages de style par type d’appareil : ordinateur, tablette et mobile.

Options de style par appareil

  • Grosseur de la police

  • Largeur des colonnes

  • Nombre de colonnes dans les listes

  • Taille d’image et d’icône

  • Monter/cacher des éléments

  • Nombre de colonnes dans les galeries