https://www.storyboardthat.com/fr/create/wireframes-vs-mockups

Wireframes vs Mockups


Commencez votre conception

Wireframes vs Mockups

Lors de la conception d'une nouvelle page Web ou de l'ajout d'une nouvelle fonctionnalité à votre produit, il est important de créer des structures filaires et des maquettes - mais quelle est la différence? En bref, une structure filaire est une approche minimaliste et basse fidélité d'un concept. Il se concentre sur la mise en page principale et comporte une nouvelle page, mais laisse tout le flash à la maquette. Les maquettes sont d'une plus grande fidélité et incluent des couleurs, un langage réel et de vraies icônes. Une structure filaire détermine l'apparence d'une maquette et cette maquette doit être une représentation précise et statique du produit final.


Wireframes


Créer un Design  






Maquettes


Créer un Design  







3 différences entre wireframes et maquettes

  1. Couleur

    La première différence majeure entre les structures filaires et les maquettes est l'affichage de la couleur. Lorsque vous utilisez une structure en fil de fer, il est préférable d’être intentionnellement sombre avec votre jeu de couleurs ou, mieux, de le conserver entièrement en noir et blanc. En laissant de la couleur dans vos structures filaires, vous évitez les distractions lors de la planification et de la mise en page. Pour les maquettes, faites le contraire. Jouez avec différents jeux de couleurs et trouvez celui que vous souhaitez utiliser avec votre produit final. Les couleurs de la maquette doivent apparaître et séduire l'utilisateur.

  2. Style

    La prochaine grande différence est le style général. Les structures filaires ont tendance à être très orientées sur la grille, la plupart des objets ayant la même taille ou étant proportionnels les uns aux autres. Bien qu'il soit bon de suivre l'approche générale de la grille lors de la création d'une maquette, vous pouvez assouplir un peu les règles. Faites confiance à vos yeux et ce que vous pensez semble mieux. Dans l’ensemble, les structures filaires doivent respecter des directives de style strictes, tandis que les maquettes peuvent offrir plus de clémence pour ce que le concepteur pense être le meilleur choix.

  3. La langue

    Enfin, le langage utilisé constitue une différence majeure entre les structures filaires et les maquettes. Lorsque vous utilisez une structure en fil de fer, il est préférable d’utiliser un langage fictif ou fictif, tel que Lorum Ipsum . Là encore, la raison en est que l'équipe de développement du produit n'est pas distrait par la copie de la page Web mais se concentre sur la conception générale. Pour les maquettes, incluez la copie réelle que vous souhaitez voir apparaître sur la page. En incluant une copie réelle dans les maquettes, vous donnez à l'équipe de développement et à vous-même une idée de la manière dont le texte doit être restitué dans le produit final et de l'espace occupé.

Créer un Design  


Tarification

Juste par mois et par utilisateur!

/mois

facturé annuellement

Voir la Page de Tarification Complète



Je ne Peux pas Dessiner!

What if I can't draw?

  • Ne t'inquiète pas, nous non plus.
  • Nous avons plus de 1200 scènes pré-faites et personnages à utiliser!
  • Toutes nos scènes et personnages sont personnalisables et faciles à éditer!

Je N'ai pas le Temps!

What if I have No Time?

  • Nous le savons! Nous sommes super occupés aussi!
  • Créer avec notre plate-forme est rapide et facile avec notre illustration glisser-déposer.
  • Lorsque vous vous inscrivez pour un compte, vous pouvez enregistrer votre travail et revenir et modifier à tout moment.

J'aime Manger des Crayons!

I Like to eat crayons!

  • Ne vous inquiétez pas, les crayons ne sont pas toxiques!
  • Si vous avez trouvé cette blague, au moins nous savons que vous lisez ceci ...
  • Ce qui signifie que vous aurez certainement besoin d'un essai gratuit de deux semaines


Créer un Design  

Aidez-nous à Partager Storyboard That!


Vous Cherchez Plus?

Consultez le reste de nos articles d'affaires et ressources!

Toutes les ressources de l'entreprise | Ressources de stratégie d'entreprise | Ressources marketing | Ressources de conception graphique | Ressources de développement de produits | Ressources de formation et RH | Ressources de film | Ressources de marketing vidéo


Editions Spéciales


AffairesDéveloppement de produitsPersonasCartes de parcours du clientWireframeInfographieMarketing vidéoFilmBandes dessinées

Commencer ma Version D'essai Gratuite
Commencer ma Version D'essai Gratuite
https://www.storyboardthat.com/fr/create/wireframes-vs-mockups
© 2019 - Clever Prototypes, LLC - Tous les droits sont réservés.
Découvrez nos Articles et Exemples

Essayez nos Autres Sites Web!

Photos for Class - Search for School-Safe, Creative Commons Photos! ( Il Cite même pour vous! )
Quick Rubric - Facilement faire et partager les grandes rubriques de recherche!
Vous préférez une autre langue?

•   (English) Wireframes vs. Mockups   •   (Español) Wireframes vs Maquetas   •   (Français) Wireframes vs. Mockups   •   (Deutsch) Wireframes vs. Mockups   •   (Italiana) Wireframe vs. Mockup   •   (Nederlands) Wireframes Versus Mockups   •   (Português) Wireframes vs. Mockups   •   (עברית) Wireframes לעומת Mockups   •   (العَرَبِيَّة) Wireframes مقابل نماذج بالحجم الطبيعي   •   (हिन्दी) वायरफ्रेम बनाम मॉकअप   •   (ру́сский язы́к) Каркасы Против Макетов   •   (Dansk) Wireframes vs Mockups   •   (Svenska) Wireframes vs Mockups   •   (Suomi) Wireframes vs. Mockups   •   (Norsk) Wireframes vs Mockups   •   (Türkçe) Wireframe'ler ve Maketler   •   (Polski) Modele Szkieletowe a Makiety   •   (Româna) Wireframe vs. Mockups   •   (Ceština) Drátové Modely vs Mockups   •   (Slovenský) Drôtové Modely vs Mockups   •   (Magyar) Wireframes vs. Mockups   •   (Hrvatski) Wireframes vs Mockups   •   (български) Wireframes Срещу Mockups   •   (Lietuvos) Wireframes vs Mockups   •   (Slovenščina) Wireframes vs Mockups   •   (Latvijas) Wireframes vs Mockups   •   (eesti) Wireframes vs Mockups