Maquettes

Les maquettes sont des présentations créatives, souvent photoréalistes, qui montrent à quoi pourrait ressembler ou fonctionner un design dans le monde réel. En d’autres termes, la mise en œuvre de l’une de ces 4 techniques de maquette professionnelles donne un aperçu de l’avenir : un logo imprimé sur un sac porté par des acheteurs occasionnels, une application défilée par une main invisible ou même une devanture de magasin entièrement marquée. Pour que ce soit convaincant, il faut savoir réaliser des mises en page professionnelles. Ici, nous allons vous expliquer comment procéder.

Bien qu’elles soient constituées d’images, les mises en page sont plus efficaces lorsqu’elles racontent une histoire. Le soin et les détails apportés à l’histoire détermineront si le public l’appréciera ou l’endormira.

Il y a deux éléments qui font le succès d’une technique de mise en page : une mise en scène créative et une inclusion réaliste du design. Nous avons déjà abordé un sujet précédent avec des conseils axés sur la formulation d'un concept de mise en page et le choix des bonnes images pour raconter une histoire. Dans cet article, nous présenterons brièvement les aspects techniques de la création d'une maquette de votre conception à l'aide des 4 méthodes de maquette les plus courantes.

Mise en page du livre. Exigences pour la conception d'un livre.

1. Créez votre propre mise en page à partir de zéro. Maquettes
-

Une mise en page personnalisée est une mise en page entièrement personnalisée selon une conception spécifique. Si vous souhaitez créer des maquettes uniques, nous vous recommandons cette technique pour réaliser meilleurs résultats. Étant donné que le but d'une maquette est la présentation et finalement la persuasion (c'est-à-dire vendre un concept de design), il va sans dire que la maquette la plus convaincante est celle conçue pour un client spécifique.

Mais bien entendu, créer des maquettes à partir de zéro pour chaque projet n’est pas l’approche la plus pratique. Cela demande beaucoup d'efforts pour quelque chose qui est essentiellement une présentation ponctuelle actif. Ceci n'est également utile que si le concept de mise en page est très original - cela ne sert à rien de s'embêter avec tous ces problèmes si le résultat ne se distingue pas du modèle. En fin de compte, c'est à vous de décider si vous êtes suffisamment passionné par le projet ou le client pour faire un effort supplémentaire pour créer une maquette unique en son genre.

Pour une mise en page véritablement personnalisée, vous aurez besoin de photos originales. Cela vous permet de créer une mise en scène beaucoup plus proche de votre vision de conception, alors que les photos d'archives, de par leur nature, sont conçues pour des décors et des scènes généraux. Si vous disposez du matériel, de l’expérience et du temps, vous pouvez prendre vos propres photos. Dans ce cas, vous devez réfléchir ou esquisser la scène à l'avance, de la même manière que vous pourriez créer un storyboard pour un film.

Qu’est-ce que la marge commerciale ? et comment le calculer

Vous pouvez également engager un photographe professionnel, mais il s'agit bien sûr d'une dépense qui ne sera pas pratique pour tous les designers - cela relève plus probablement du domaine d'une agence de design travaillant avec clientèle. Une excellente alternative consiste à utiliser des photos appartenant au client : par exemple, le designer Top Level goopanic applique son branding Academia de Artes à de vraies photos de l'école et de ses étudiants. Même si ces photos ne sont pas comme ça haute qualitéEn tant que photos professionnelles, elles donneront au client une idée plus authentique de ce à quoi ressemblera finalement leur design.

Une fois que vous aurez vos photos, vous devrez utiliser un logiciel de retouche photo pour incorporer votre design dans l'image. Le logiciel le plus courant à cet effet est Adobe Photoshop, mais Affinity Photo et Gimp sont des alternatives fiables. Ces programmes fournissent de nombreux outils et guides pour obtenir des résultats réalistes, et ils se résument essentiellement aux éléments suivants :

• des outils de transformation pour que le design corresponde à l'image
• modes de fusion pour incorporer la texture de la photo originale
• calques de réglage pour travailler avec l'éclairage, la couleur et le contraste

 

Si vous souhaitez travailler avec des animations personnalisées, utilisez un logiciel d'animation comme After Effects : par exemple, vous pouvez utiliser des masques de calque pour créer des animations de défilement pour les applications sur une photo de téléphone.

Outils requis

• Photographie et/ou matériel photographique
• Logiciel pour retouche photo (Photoshop, Serif Photo, Gimp)
• *Facultatif* Logiciel d'animation (Adobe After Effects)

Расходы

• Modéré à élevé

Avantages

• Le résultat est des maquettes plus spécifiques et fidèles à la vision du designer.
• Images sources ; pas de filigrane ni besoin d'acheter des licences

Moins

• Cher et demande beaucoup d’efforts ; nécessite une connaissance plus approfondie des logiciels
• Inefficace et prend du temps
  Impression de bureau pour les entreprises de l'imprimerie Azbuka.

2. Créez des modèles de mise en page réutilisables. Maquettes.
-

Les modèles de mise en page personnalisés sont des mises en page que les concepteurs créent eux-mêmes, mais sont suffisamment génériques pour être utilisés dans plusieurs projets. Comme nous l'avons souligné dans la dernière section, créer des maquettes personnalisées pour chaque projet peut s'avérer peu pratique et coûteux, mais cette méthode permet au concepteur de créer des maquettes à la fois originales et réutilisables à moindre coût.

C'est aussi une façon pour le designer d'ajouter ses propres marque personnelle ou un style répétitif dans vos présentations aux clients.

Le processus de création de modèles de maquette est essentiellement le même que celui de création de maquettes personnalisées : vous devez toujours acheter une photo et utiliser un programme de retouche photo pour incorporer le design. Une différence réside dans l'approche utilisée pour photographier votre mise en page : elle doit être suffisamment vague pour fonctionner pour plusieurs clients. Par exemple, au lieu d'utiliser un décor d'identification, les arrière-plans de mise en page de la designer de haut niveau Daria V. se concentrent sur des accents illustrés qui peuvent être modifiés. avec chaque projet.

Cela peut aider à regrouper les clients en fonction de thèmes communs, tels que l'industrie (vous pouvez avoir un modèle de mise en page pour tous vos clients restaurateurs, un pour tous vos clients détaillants, etc.). Cela facilite la sélection d’images qui fonctionneront dans des contextes courants.

Générateurs de mise en page de livre : 5 outils GRATUITS

Pour les produits physiques, certains concepteurs créent des rendus vierges du produit à l'aide d'un logiciel 3D tel qu'Adobe Dimension, ce qui présente l'avantage supplémentaire de permettre la création de mises en page rotatives et animées.

Pour créer la mise en page de votre modèle dans Photoshop, votre objectif est essentiellement de configurer le document de manière à ce que la conception puisse être facilement remplacée dans les projets futurs tout en conservant tous vos éléments. manipulation. Photoshop en propose deux pour cela outils utiles:

Objets intelligents Photoshop. Maquettes.

Un objet intelligent est essentiellement un conteneur qui stocke une image dans un document lié, vous permettant d'y apporter des modifications drastiques dans votre composition plus grande sans affecter l'image d'origine. Si vous remplacez une image dans un objet intelligent, elle sera mise à jour dans la composition avec toutes vos modifications appliquées.

Ainsi, avec les maquettes, tout ce que vous avez à faire est de convertir le calque de conception en objet intelligent au début du projet (allez dans Calque > Objets intelligents > Convertir en objet intelligent). Après cela, vous pourrez simplement remplacer le design à l’intérieur de l’objet intelligent la prochaine fois que vous aurez besoin d’une mise en page.

Actions Photoshop. Maquettes.

Les actions enregistrent les modifications que vous apportez à un document Photoshop afin que vous puissiez répéter ces étapes en cliquant sur un bouton, éliminant ainsi les tâches répétitives. Ainsi, avec une maquette, vous pouvez utiliser une action pour enregistrer toutes les transformations et tous les effets que vous appliquez à un dessin pour le faire correspondre à une photo, et appliquer ces mêmes modifications à un autre dessin à l'avenir en cliquant simplement sur un bouton.

Outils requis

• Photographie et/ou matériel photographique
• Logiciels de retouche photo (Photoshop, Serif Photo, Gimp)
• *Facultatif* Logiciel de modélisation de produits 3D

Расходы

• modéré

Avantages

• Une utilisation répétée vaut la peine de créer des mises en page personnalisées.
• Images sources ; pas de filigrane ni besoin d'acheter des licences

Moins

• Nécessite des connaissances logicielles plus avancées
• Cela peut être une perte d'efforts si les résultats ne sont pas suffisamment différents de ceux d'un modèle tiers.

3. Utilisez un site Web générateur de maquette.
-

Un site Web générateur de maquette est un service en ligne qui utilise des images d'archives et un logiciel d'IA pour générer automatiquement une maquette à partir d'un modèle tiers. En règle générale, tout ce qu'un concepteur doit faire est de télécharger sa conception et le logiciel s'occupera de tous les problèmes techniques.

Cette méthode est de loin la solution la moins chère et la plus simple, mais elle présente certains inconvénients. La mise en page résultante ne sera pas originale, et étant donné que de nombreux concepteurs ont utilisé le même service, il n'est pas rare de voir les mêmes images de mise en page apparaître jusqu'à la nausée sur tous les sites de portfolio. En même temps, cela peut être utile à la rigueur, et à moins que le client ne soit un fournisseur de maquettes de concepteur, cela ne le dérangera probablement pas.

Lorsque vous choisissez un service, vous devez tenir compte des éléments suivants : le prix, la qualité et la pertinence. En termes de prix, de nombreux générateurs de maquettes sont gratuits, même si vous devez vous méfier des inconvénients cachés tels que l'ajout de filigranes ou une sélection limitée de modèles. Sinon, le prix est généralement basé sur modèles d'abonnement, et la plupart des services que j'ai examinés se situent entre 10 et 20 dollars par mois.

La qualité peut dépendre de vos goûts personnels, mais vous devriez consacrer du temps à étudier les mises en page utilisées par d'autres concepteurs et concurrents pour avoir une idée de ce qui est intelligent et de ce qui est générique. Vous pouvez également utiliser des services comme Trustpilot pour trouver des avis d'utilisateurs qui vous indiquent, au-delà du matériel promotionnel, à quel point le service fonctionne et quels sont les résultats réels.

Capture d'écran de la page d'accueil du générateur de maquette de conception Smartmockups

Enfin, certains de ces sites sont spécialisés dans certains types de mises en page, et vous devrez en choisir une qui sera pertinente pour vos projets, surtout si vous souscrivez un abonnement. Par exemple, Artboard Studio et Mockup Mark se spécialisent dans impression et mises en page vêtements. Des services comme AppMockUp et Mockuuups Studio sont spécialisés dans les maquettes de conception numérique. Pendant ce temps, Smartmockups, renderforest et Placeit proposent des modèles de maquette courants pour l'impression et le numérique.

Outils requis

• Connexion Internet fiable
• *Facultatif* Adhésion à la mise en page du site

Расходы

• De gratuit à faible

Avantages

• Rapidement et sans effort ; aucune connaissance logicielle requise
• La qualité peut parfois être proche d'une mise en page personnalisée

Moins

• Crée un look commun avec des images que de nombreux designs utilisent en ligne.
• Le modèle d'abonnement n'est utile que si plusieurs mises en page sont nécessaires.

4. Utilisez un plugin logiciel pour créer des mises en page.
-

Les plugins Mockup sont des intégrations tierces qui se connectent à un logiciel de conception pour créer des maquettes. Essentiellement, ces applications permettent aux concepteurs de concevoir et de créer des mises en page au sein d'un seul programme, avec l'avantage supplémentaire que le concepteur peut utiliser les outils du programme pour apporter des modifications à la mise en page après sa création.

C'est le meilleur des deux mondes : un modèle personnalisable, peu coûteux et nécessitant peu d'efforts. Cela dit, cette méthode est généralement destinée à la conception numérique, et la plupart des plugins sont destinés aux logiciels de prototypage d'applications tels que Croquis , Figma и Adobe XD .

Il existe plusieurs services populaires proposant des plugins téléchargeables, notamment Angle , Rotation и Cadres de maquette . Ce logiciel étant téléchargeable, il nécessite généralement un paiement unique. Ce prix est généralement plus élevé que celui de la plupart des sites générateurs de maquettes, mais il est inférieur à long terme puisque vous ne payez pas de frais d'abonnement.

Vous devrez suivre les instructions spécifiques au site pour télécharger et installer le plugin dans votre logiciel. À partir de là, vous aurez la possibilité d'appliquer le design de votre logiciel à la mise en page. Le processus est similaire à l'utilisation d'un site Web avec un générateur de maquette : le plugin créera automatiquement votre maquette et vous utiliserez les outils de personnalisation pour l'affiner.

Outils requis

• Logiciels de conception (Sketch, Figma, Adobe XD)
• Téléchargement de licence et de plugin

Расходы

• faible

Avantages

• Rapidement et sans effort ; Peu de connaissances logicielles requises
• Les maquettes sont créées dans un logiciel de conception dans le cadre du processus de conception.

Moins

• Crée un look commun avec des images que de nombreux designs utilisent en ligne.
• Les résultats ne sont pas très différents de ceux des générateurs de maquettes en ligne

Il est temps de créer des maquettes uniques !
-

Les maquettes de conception sont des outils de présentation incroyablement puissants qui non seulement vendent une idée de conception, mais donnent également au spectateur une fenêtre sur un avenir dans lequel cette conception existe déjà. Lorsqu’il est bien fait, le client sera presque obligé de faire de cet avenir une réalité.

Comme indiqué dans cet article, il existe de nombreuses méthodes pour créer des maquettes, et chacune d'entre elles a sa propre méthode. avantages et inconvénients. Mais quelle que soit la manière dont vous créez vos mises en page, les résultats dépendront en fin de compte du concepteur et de son engagement à restituer de manière réaliste une mise en page qui sort de l'écran.

 АЗБУКА

Comment gérer avec succès des projets dans une entreprise en ligne