Comment créer le design d'une application mobile ou d'un site Web avec MidJourney ?

Midjourney est l’un des leaders dans le domaine de l’intelligence artificielle générative. Il fonctionne sur un serveur Discord. Il suffit de saisir une ligne de commande (le « prompt ») en langage naturel le plus simple possible, pour créer 4 images, qui peuvent elles-mêmes être déclinées en variations.

Ce robot Discord est surtout connu pour la création de visuels hyperréalistes (qui ont d’ailleurs donné lieu à plusieurs fake news). Mais saviez-vous qu’il peut également être utilisé par les graphistes pour générer des modèles d’interface utilisateur ? Pour un appareil mobile ou un site Web, nous vous donnons toutes les astuces pour que Midjourney devienne votre assistant UI !

Comment créer le design d’une application mobile ou d’un site Web avec MidJourney ?

1. Lancez un prompt

• Rendez-vous dans l'un des salons #newbies-xx du serveur discord de Midjourney, sur la partie gauche de votre écran.

• Saisissez /imagine dans l’un des salons, pour entamer la rédaction de votre prompt. Validez avec la touche Entrée ou la barre d’espace.

2. Choisissez le modèle d’interface et le type d’enseigne

Téléphone, tablette, ordinateur… Vous devez préciser quel sera l'appareil utilisé pour afficher votre interface. Voici quelques exemples :

• website UI design ;

• mobile app UI design ;

• smartwatch UI design ;

• landing page UI design…

Vous pouvez également indiquer de quel type d'enseigne il s'agit, pour commencer à orienter le style de l'interface.

3. Indiquez le style attendu

Selon le type de produits que vous vendez et les valeurs de votre entreprise, vous pouvez saisir le style attendu pour votre interface graphique.

Comme pour les photos et les dessins, plusieurs styles peuvent être combinés, en voici quelques-uns : 

• minimalistic ;

• vintage ;

• elegant ;

• luxury ;

• futuristic ;

• urban ;

• cartoonish ;

• hightech ;

• retro…

4. Ajoutez toutes les précisions auxquelles vous pensez

N’hésitez pas à indiquer toutes les qualités que doit avoir le rendu (personne ne veut d’une interface datée ou difficile à utiliser !) : professional, intuitive navigation, visually appealing…

5. Choisissez les couleurs

Vous avez probablement déjà une charte graphique. Vous pouvez indiquer les couleurs y correspondant le mieux. Vous pouvez également orienter le style graphique : gradient color, pastel color, watercolor…

NB : il n’est pas possible pour le moment de renseigner les couleurs avec leur code hexadécimal, mais utiliser leur nom commun vous permet toutefois d’avoir un aperçu du rendu final.

6. Utilisez des références

Si vous appréciez le style d’un designer célèbre, soufflez l’idée à Midjourney !

L’ordre des éléments dans le prompt n’a pas d’importance. Cependant, si vous souhaitez donner un plus grand poids à une instruction ou un groupe d’instructions, vous pouvez utiliser le système de multiprompts.

Comment créer des icônes pour votre appli ou votre site Web ?

En plus du design d’un site Web et d’une appli mobile, vous pouvez concevoir un logo avec Midjourney, mais également des icônes assorties à votre interface, grâce à l’instruction "icon for…"

1. Lancez un prompt

Saisissez l'invite /imagine et validez avec la touche Entrée.

Entrez l’instruction désignant ce que vous voulez générer.

2. Ajoutez des instructions pour peaufiner le résultat

Si les résultats obtenus sont trop détaillés (une icône doit être simple !), vous pouvez utiliser les instructions minimalism et/ou flat design.

3. Indiquez les couleurs

Comme pour l’interface que nous avons créée plus haut, les teintes devront probablement être rectifiées dans un éditeur d’images, puisque Midjourney ne permet pas encore d’interpréter les codes hexadécimaux. Il faut se contenter d’indiquer des noms de nuances, pour avoir un premier aperçu.

Midjourney ne sait pas lire ni écrire, il est inutile de lui demander un design précis de votre interface de site Web ou d’application mobile. Les résultats devront dans tous les cas être revus dans un éditeur d’images ou au cours du développement. Cependant, l’intelligence artificielle permet de donner des idées d’agencement d’une interface et propose un aperçu du rendu final. Comme toujours, plus les instructions sont détaillées, plus Midjourney fournit un résultat adéquat. N’oubliez pas d’utiliser les paramètres et les multiprompts !