# Informations Wireframes

## Contenu
Les wireframes sont destinées au développement de l'application du point de vue du contenu des interfaces (UX, GUI). On différencie :
- Wireframes lo-fi *(low-fidelity)* : contenu **simplifié** qui étudie le contenu général de l'application du point de vue utilisateur.
- Wireframes hi-fi *(high-fidelity)* : contenu **schématique** qui étudie l'agencement des différentes pages sans tenir compte de l'esthétique.

## Logiciel
Le logiciel utilisé pour la création et le rendu des wireframes est le logiciel open source **Pencil** avec un template de génération HTML (MIT License).
* [Pencil (v3.0.4) - Evolus](https://pencil.evolus.vn/)
* [Template affix - Vašek Dohnal (@illagrenan)](https://github.com/illagrenan/affix-pencil-export-template)

## Conventions
Dans ce document, nous utilisons les conventions suivantes :
* **Taille d'écran** : 1920*1080 (standard HD screen)
* **Périphérique d'entrée** : Clavier et souris/touch screen
* **Couleurs** :
  * **Gris (#999999)** : fond d'écran, background
  * **Bleu (#4388CC)** : Conteneurs dynamiques
  * **Orange (#FF9966)** : Conteneurs statiques
  * **Rouge (#FF6666)** : Images et graphes