Moqups : le zoning en ligne

Vous avez l’idée d’un site web et vous souhaitez dessiner ses différentes zones ? Plutôt que de vous ennuyer sur un logiciel de création graphique non adapté, optez pour une solution clé en main.

Moqups est un service en ligne partiellement gratuit. La version de base vous permettra de créer jusqu’à 2 projets et d’héberger jusqu’à 5 Mo d’images.

L’interface de Moqups

Celle-ci est plutôt intuitive et vous permet d’insérer 2 types d’éléments. D’abord des objets de toutes formes tels que des boutons, des cadres, des spiders, des icônes, des lignes, des diagrammes (non actifs), des champs de recherche, des témoins de chargement, des fils d’ariane… bref, tout le matériel nécessaire que l’on retrouve sur la plupart des sites internet.

Ne comptez pas sur des prouesses graphiques de la part des concepteurs du service, l’outil se veut volontairement basique en termes visuel de façon à coucher simplement vos idées sur papier (numérique).

Comment faire le croquis d'un site web ?
Glisser-déposer d’un élément

Autre type d’élément que vous pourrez insérer dans votre plan de site : les images. Nous vous le disions, il y a une limite pour le téléchargement de fichiers. Veillez donc à ce qu’ils ne soient pas trop volumineux et optez pour un format de type PNG-8. Ce sera toujours de la place gagnée.

Chacun des éléments que vous voulez afficher lors de votre zoning sera simplement glissé-déposé à l’endroit de votre choix. Il pourra être redimensionné à votre convenance, dupliqué, passer en avant ou arrière plan, lier à un autre élément, placé dans une zone précise de la page (centre, aligné à droite, à gauche…)

L’organisation de votre site en pages

votre plan de site

Vous allez pouvoir concevoir un croquis de votre site page après page. Un outil Pages présent dans la barre latérale droite vous permettra d’organiser l’architecture (sommaire) de votre site. L’odre des pages peut être modifiée, et les pages dupliquées si vous n’avez pas envie de recommencer une mise en forme déjà réalisée.

L’aspect général de chacune des pages pourra être personnalisée. Que ce soit en termes de dimensions ou de fond (avec ou sans grille, avec des lignes verticales). C’est un peu minimaliste mais a t-on vraiment besoin de plus pour se donner une idée générale du projet ?

Partage et collaboratif

C’est fait, vous avez dessiné les principales zones de votre site et vous voulez partager votre travail. Une option de génération de lien est accessible dans la barre de menus en haut.

Si vous êtes seul capitaine à bord de votre projet web et que vous n’avez pas besoin de collaborer avec d’autres personnes, la formule Free Plan fera amplement l’affaire. Pour travailler à plusieurs et disposer d’un système de notifications lors des modifications effectuées, il vous faudra par contre opter pour une formule payante (détails dans la galerie d’images ci-dessous)

Chargement du diaporama en cours…

Publié Le 08/04/2014 à 11:59 par



Ajouter un commentaire…

*