Récemment, le monde entier a été bombardé par le casque MR d'Apple. En intégrant autant de matériel complexe dans un seul produit, Vision Pro peut être qualifié de création d’Apple du deuxième siècle.
Il a un effet tellement explosif, mais il ne sera vendu à petite échelle que l'année prochaine. L'éditeur ne peut contenir mon enthousiasme et ne peut m'empêcher. mais je souhaite en faire une vente sur un site Web.
Bien que je n'aie aucune expérience dans la création de sites Web et que je ne sache pas écrire de code, le récent boom des grands modèles d'IA rend l'éditeur plein de confiance : il doit y avoir un tel un modèle de produits d'IA me permet de créer un site Web en utilisant uniquement le langage naturel.
Effectivement, après une petite recherche, l'éditeur a découvert ce produit AIGC - l'IA en temps réel, qui nous permet de générer des brouillons de conception Web grâce à des descriptions en langage naturel. peut également le publier sous forme de page Web en ligne en un seul clic.
Sans plus attendre, voici les résultats :
# 🎜🎜# Bien que le design soit si riche, le processus est en réalité très simple.
Tout d'abord, entrez le sort sur le site officiel d'Instant AI, attendez 1 minute et vous obtiendrez les quatre brouillons de conception suivants : #🎜 🎜## 🎜🎜#
Sélectionnez l'un des brouillons de conception et publiez-le sous forme de page Web en ligne en un seul clic.
Cependant, les résultats générés présentent quelques problèmes. Par exemple, les images générées automatiquement ne sont pas très adaptées au format. les besoins de contenu du site Web correspondent. Nous avons donc trouvé quelques images du site Web open source Unsplash et les avons modifiées dans le brouillon de conception.
Ce qui est surprenant, c'est que les modifications que nous avons apportées au projet de conception, telles que le remplacement des images et la modification des polices, sont toutes automatiquement synchronisées avec la version Web publiée en ligne. https://js.design/site/?id=ai_cY7jfKiL7IY".
L'ensemble du processus prend moins de 10 minutes, y compris la saisie du sort, la génération du brouillon de conception, sa publication en tant que site Web, le remplacement de l'image et sa republiation.
Le charme de ce produit n'est pas qu'il puisse générer un site Web presque proche de nos besoins en 10 minutes, mais que toute personne n'ayant aucune base de conception ni de base de codage peut Cela peut prendre 10 minutes pour générer un site Web avec un nom de domaine.
IA instantanée : générez des brouillons de conception d'interface utilisateur modifiables en 30 secondes et publiez-les sous forme de pages Web en ligne en un seul clic
Le 4 mai, IA instantanée sera entièrement ouvert. Selon les informations officielles, ce produit a reçu plus de 100 000 demandes de tests internes et généré des millions de résultats au cours de la période de tests internes. Cela constitue une bonne base pour les itérations ultérieures après l’ouverture du produit.
Le 31 mai, le produit d'IA instantanée a été mis à jour. Sur la base de la génération du brouillon de conception d'interface utilisateur côté application, la capacité de génération de brouillon de conception d'interface utilisateur côté Web a été. superposé, et il prenait également en charge une clé publiée sous forme de page Web en ligne.
Cela utilise deux capacités : l'IA génère des brouillons de conception d'interface utilisateur et publie les brouillons de conception sous forme de composants Web encapsulés en un seul clic, et cette capacité sera également utilisée à l'avenir. Migrez vers la génération d'applications et de petits programmes.
Après la mise à jour, nous l'avons également brièvement examiné.
Par exemple, générez un site officiel pour les produits musicaux :
#🎜🎜 #
Générer un site officiel d'un magazine de mode : 
Générer une page backend de gestion hôtelière : #🎜🎜 # 
À en juger par les résultats générés, elle peut essentiellement répondre aux besoins de contenu d'une page Web, mais il existe encore un certain écart entre celle-ci et une page Web mature. et page web professionnelle. Mais c’est compréhensible, après tout, c’est encore une chose nouvelle dans le processus d’apprentissage.
Différent du diagramme de Wensheng, le projet de conception de l'interface utilisateur doit être hautement standardisé et doit avoir des fonctions modifiables, de sorte que le processus du projet de conception de l'interface utilisateur de Wensheng est légèrement Xu Yuwenshengtu , Galileo AI et Uizard, qui se concentrent également sur Vincent UI, sont toujours en test interne.
UI design depuis 30 ans
Avec la popularité soudaine de ChatGPT, les outils de conception basés sur l'IA ont également commencé à s'accélérer de manière folle.
Le 24 mai, Adobe a lancé une nouvelle fonction PS Generative Fill (remplissage génératif), qui permet de supprimer ou de modifier le contenu de l'écran et d'agrandir le contenu de l'image en un seul clic, ce qui équivaut à Inpainting et Outpainting en diffusion stable.
Cette nouvelle fonctionnalité est actuellement en ligne dans Adobe Firefly et intégrée à la version bêta de Photoshop. Les utilisateurs peuvent l'utiliser directement dans PS de manière non destructive. Combiner ou générer des images. .
Suite à cela, Google Research a publié en juin une nouvelle application basée sur le modèle Muse - StyleDrop.
Il peut limiter l'image générée à une petite plage pour un réglage précis sans affecter les autres contenus de l'image. Par exemple, modifiez la couleur, l'effet d'ombre, le style, etc. de l'image. Les paramètres de formation requis pour le réglage fin représentent moins de 1 % du modèle total.
Les logiciels de conception d'IA d'aujourd'hui ont atteint ce niveau de sophistication. Je ne peux m'empêcher de ressentir que c'est émouvant.
En 1984, Apple a lancé le Macintosh, développé par Steve Jobs lui-même. On peut le qualifier de monument dans l'histoire des ordinateurs, qui a également créé une interface graphique (. Interface utilisateur graphique) apparaît dans un produit réel.
La première photo produite par PS, John Knoll l'a nommée "Paradise" Jennifer dans "# 🎜🎜#
En 1987, parce que l'ordinateur Macintosh ne pouvait pas afficher les images en noir et blanc avec des niveaux de gris, Thomas Knoll lui-même a écrit un programme - Affichage, dans l'espoir de résoudre ce problème. John Knoll a ensuite rejoint l'entreprise et les deux frères ont travaillé ensemble pour peaufiner le produit. Later Display a été renommé Photoshop.
En 1990, Photoshop 1.0, d'une taille de seulement 800 Ko, est sorti, marquant le début d'une ère dans laquelle ce logiciel a dominé le domaine de l'édition d'images pendant plus de trente ans.
En 2007, le PDG d'Apple, Steve Jobs, a lancé l'iPhone, en 2009 l'iPhone 3GS est sorti et en 2010 l'iPhone 4 est sorti.
En tant que premier téléphone mobile équipé d'un écran Retina HD (Retina Display), l'effet d'affichage de l'iPhone 4 est incroyable - les images et le texte sont incroyablement clairs et nets, comparable à un imprimé.
L'émergence de l'iPhone a lancé l'Internet mobile et défini de nombreux principes de conception visuelle à l'ère de l'Internet mobile.
En 2008, Peter Omflee, étudiant en informatique à l'Université de Twente aux Pays-Bas, a été invité à concevoir une application de dessin simple, et DrawIt est né.
La dernière version de DrawIt est sortie en décembre 2010, et le logiciel a été renommé Sketch. Depuis lors, Sketch a rassemblé un public restreint mais fidèle.
Le 28 mai 2009, Google a incubé et officiellement lancé Google Wave. Dans l'application Google Wave, les utilisateurs peuvent créer une vague, puis ajouter des utilisateurs.
Tout le monde dans une vague d'utilisateur peut utiliser du texte enrichi, des widgets, des images et même des flux externes. Ils peuvent répondre ou modifier directement la vague.
Bien que le produit ait été arrêté par la suite, les technologies, services et outils autour de HTML5 ont continué à émerger, et de plus en plus de services SaaS ont commencé à choisir d'utiliser des clients légers tels que des navigateurs pour fournir aux utilisateurs, laisser le rendu et les calculs complexes être effectués. gérés par des serveurs situés dans le cloud.
Le géant des outils de conception d'interface utilisateur Figma est né à ce nœud. Figma est un logiciel de conception collaborative en ligne. La version officielle a été lancée en 2016 et les packages payants ont commencé à être lancés en 2017. A cette époque, dans le domaine du design UI/UX, le prototype de la relation concurrentielle entre Adobe XD, Sketch et Figma a pris forme.
Au cours des dernières années de l'épidémie, en tant qu'outil de collaboration pour la conception d'interfaces en ligne disponible sur toutes les plateformes, alors que la demande de collaboration en ligne continue d'augmenter, Figma peut enregistrer des projets dans le cloud à tout moment, et son nombre de Le nombre d'utilisateurs a augmenté rapidement. En juin 2021, après avoir finalisé un financement de 200 millions de dollars, la valorisation de Figma a atteint 10 milliards de dollars.
Le 15 septembre 2022, Adobe a annoncé sur son site officiel qu'elle allait acquérir la plateforme de conception collaborative en ligne Figma pour environ 20 milliards de dollars américains, dont la moitié en espèces et l'autre moitié en actions. Pour Adobe, l’acquisition de Figma permettra non seulement d’étendre ses activités dans le cloud, mais également d’éliminer l’un de ses plus gros concurrents potentiels.
Mais les révolutions technologiques arrivent toujours de manière inattendue.
À quoi ressemblent les outils de conception nouvelle génération ?
Un nouvel environnement technique donne naissance à de nouveaux terminaux, les nouveaux terminaux donnent naissance à une nouvelle logique d'interaction, et une nouvelle logique d'interaction donne naissance à de nouveaux outils.
Et désormais, l'intelligence artificielle est intervenue dans les outils de conception.
À partir de PS, la tendance de développement des outils de conception est passée par un processus allant de la « fonction d'outil unique » aux « fonctions multiples » en passant par les « outils de différenciation fonctionnelle », et enfin la « fonction d'outil » et « l'utilisation » scénarios". Le processus d'intégration ; mais quelle que soit la manière dont cette tendance de développement se divise et se combine, son thème principal a toujours été l'amélioration de la fonction et des performances des outils pour aider la conception à mieux résoudre davantage de problèmes.
Quelles sont les différences entre les outils de conception sous IA ?
« Une fois que l'intelligence artificielle est impliquée dans les outils de conception, elle a encore accéléré la tendance à l'intégration de scénarios d'utilisation d'outils et à l'intégration d'outils. Elle a également considérablement amélioré les fonctions et les performances des outils. Les outils de conception résolvent principalement le problème des utilisateurs. pendant l'utilisation.
Dans le passé, l'outil de conception nécessitait la participation de l'utilisateur à chaque étape, et l'utilisateur connaissait également la logique de génération des résultats, mais maintenant, c'est devenu un processus de mise en œuvre en une seule étape. Il devient une « boîte noire ». ", a déclaré Zhou Ning, co-fondateur d'Instant Design.
Lorsque nous recherchons des outils de conception d'IA, cela ne se limite plus aux images générées par du texte, mais aussi aux images, au design Vincent UI, à Vincent 3D, aux vidéos Vincent...
Comment le flux de travail va-t-il changer ?
Nous utilisons de nouveaux outils pour jeter un coup d'œil sur l'avenir du travail et des résultats.
Le processus normal de production et de recherche pour la naissance d'un produit Internet est le suivant : une fois la conception finalisée, le projet de conception est remis aux ingénieurs front-end, qui restaurent le langage de conception en langage de programmation, puis procéder sur cette base.
C'est-à-dire "conception de produit-front-end-back-end".
Maintenant que nous avons la possibilité de convertir directement les brouillons de conception en produits en ligne, les concepteurs n'ont plus besoin de passer du temps à s'aligner avec leurs camarades de classe dans le lien suivant, et les programmeurs n'ont plus besoin de le faire. Le remplacement de la langue réduit le temps consacré à la révision, au développement, à la visite guidée et à d'autres liens, et améliore l'efficacité de la conception au développement.
En même temps, étant donné que toutes les modifications apportées au projet de conception peuvent être automatiquement mises à jour sur la page Web publiée, cela permet aux programmeurs d'effectuer uniquement un traitement frontal lorsqu'ils vont en ligne pour la première fois, il n'est pas nécessaire d'intervenir dans la maintenance et la modification de la page Web à l'avenir.
Li Jianing, directeur stratégique de la conception en temps réel, a déclaré dans un discours public : « Que doivent faire les utilisateurs après avoir reçu le projet de conception de l'interface utilisateur ? les étudiants en développement le font au niveau du code Réaliser la conversion du langage de conception. Nous avons donc combiné cette série de capacités avec la capacité de conception en temps réel en code pour réaliser la conversion automatique des brouillons de conception en pages Web frontales. nous avons finalement réalisé un produit capable de générer des sites Web en ligne et de petits programmes en un seul clic via une description textuelle. Nous ne fournissons pas de fonctionnalités individuelles aux utilisateurs sous forme de points uniques, mais intégrons ces fonctionnalités de manière organique en fonction de scénarios. " #🎜 🎜##🎜🎜 #
Un aperçu de la tendance évolutive des outils de conception
La fusion des limites de travail et le débordement des capacités de conception.
Ce produit permet aux personnes sans capacité de conception d'avoir des capacités de conception, et permet aux personnes sans capacité de codage d'avoir des capacités de codage. Les limites de travail des concepteurs et du front-end fusionnent progressivement. , les attributs de rôle initialement attribués à chaque type de travail s'étendent aux leurs en amont et en aval.
Avec l'avancement continu des capacités de l'IA, ce flux de travail est susceptible d'être raccourci en « chef de produit-concepteur-backend » ou « chef de produit-frontend- « Backend » , ou plus probablement, « l'âge d'or » des chefs de produit.
De même, une fois que les outils de conception sont devenus intelligents, ceux qui utilisent les outils pour concevoir ne sont plus nécessairement des personnes ayant des capacités professionnelles. Ils sont probablement des geeks préoccupés par les choses. L'IA, et peut-être que l'IA deviendra accessible à tous comme Internet. Tout le monde, y compris le propriétaire du magasin de fruits et celui du petit-déjeuner en bas, peut devenir créateur de contenu, concepteur d'interface et développeur d'applications.
Le coût pour répondre aux besoins de base en matière de conception a été réduit à négligeable, et l'offre de conception va également inaugurer un développement explosif de l'ancienne méthode d'explication à travers de longs textes. finalement changer. Sous la forme de « une image vaut mille mots ».
De quel type d'outils de conception avons-nous finalement besoin ?
Zhou Ning estime :
"Lorsque l'intelligence artificielle sera pleinement impliquée dans les outils de conception, elle sera complètement transformer les outils de conception.Après être devenus un outil de conception intelligent, nos méthodes de conception d'origine seront complètement modifiées, ce qui est également conforme à la loi objective selon laquelle les relations de production changent avec les changements de productivité, en supposant de bonnes attentes en matière de productivité de l'intelligence artificielle. que les outils de conception sont entièrement automatisés et n'ont aucune autre limitation en termes de fonctionnalité et de performances, le résultat final de ce raisonnement est que tous les liens de processus et les outils de flux de travail qui servent les liens de processus seront éliminés. Toutes les manifestations de capacités explicites se concentreront sur le côté entrée de. la demande et le côté résultat du résultat. Nous devons décrire nos besoins détaillés selon de multiples modalités et être capables de parvenir à une compréhension précise et à une exécution stricte des détails. Nous devons également être capables de nous comprendre tacitement lorsque nous ne pouvons pas nous-mêmes décrire clairement nos besoins précis. et n'ont que des concepts et des orientations vagues. L'implication est que l'IA peut même utiliser ses propres réserves de connaissances et ses capacités intelligentes pour nous guider et nous aider à affiner nos besoins, et même nous donner une cognition avancée et des besoins inspirés d'une dimension de pensée supérieure #🎜🎜 #
. En fin de compte, nous en avons non seulement besoin pour pouvoir générer un grand nombre de solutions multimodales de haute qualité parmi lesquelles choisir dans un peu de temps, mais nous en avons également besoin pour pouvoir accepter les solutions générées par nous. Nous continuerons à optimiser et à itérer en fonction des besoins ultérieurs, et nous espérons certainement utiliser les réserves de connaissances et de sagesse de l'IA pour nous en donner le maximum. des réponses adaptées et parfaites en une seule étape, et nous donnent même des percées dans des dimensions et des niveaux supérieurs. Une solution avancée qui répond aux exigences esthétiques et cognitives d'origine.
Le Vision Pro d'Apple est devenu une star du jour au lendemain, l'AIGC est devenu un succès mondial et de nouvelles vagues technologiques arrivent. Nous n'avons aucun moyen de savoir à quoi ressemblera le prochain âge d'or.
Mais ce que nous pouvons savoir, c'est que "il y a un manque de nouvelles opportunités dans un environnement statique, et que les nouvelles opportunités naissent toutes des changements."
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
