Précisions suite à de nombreux commentaires similaires : Adobe XD est un outil de *prototypage* de site internet, il ne vous permettra en aucun cas de "créer un vrai site internet", mais uniquement sa maquette. Il faut ensuite faire un travail d’intégration et de développement pour « convertir » cette maquette en un site bien réel, et ce sont malheureusement des métiers bien différents de celui d'un graphiste (même si il est spécialisé UI/UX). Pour ceux donc c'est le métier, je vous laisse ajouter des précisions en commentaire.
@woohami
2 жыл бұрын
Bonjour, super vidéo, trés bein expliquée ! J'en profite pour demander à la suite de ce commentaire, est ce que, avec adobe XD, au chapitre animation complexe quand mon image s'agrandit, avec la description à côté, il est possible de mettre un carousel à la place de l'image ? Ou est-ce que c'est un travail que je devrais faire après en dev ? Merci si il y a une réponse :) Bonne continuation !
@IDE_photographisme
2 жыл бұрын
@@woohami j’ai pas la réponse sous le coude, mais peut être en fouillant sur le site Adobe XD tu trouveras des éléments de réponse. N’hésite pas à les partager ici d’ailleurs, que ça puisse profiter à la communauté ;) Merci pour ton retour en tout cas !
@naelnoemamboundou3030
2 жыл бұрын
Et comment faire pour transformer cette maquette en site reel ?
@marinam8578
Жыл бұрын
@@naelnoemamboundou3030 il faut coder tout ça 😅 Non réellement aujourd'hui avec WordPress comme cms et des constructeur de pages comme elementor, Divi etc.. on peut faire beaucoup de choses.
@2sslimebabyy_
Жыл бұрын
@@naelnoemamboundou3030 Bah il faut programmer (coder)
@delphinebrunet5562
3 жыл бұрын
Après 2 jours que formation où je ne comprenais pas tout à XD, le fonctionnement est devenu limpide grâce à ta vidéo ! Merci beaucoup ! :)
@IDE_photographisme
3 жыл бұрын
Ça fait plaisir à lire, merci Delphine ;)
@K-micaz
3 ай бұрын
Merci (avec quelques années de retard haha) pour ce tuto incroyable ! 👌
@kevinlamentale
2 жыл бұрын
Superbe merci beaucoup, actuellement en formation qualifiante de Designer / UI, ce tuto est magique et m'a permis de comprendre rapidement certaines notions, j'ai beaucoup aimé la partie parallax! ♥️
@shadownuage18
Жыл бұрын
C'était la vidéo qui me fallait pour comprendre XD en 1 journée 🤞🏼 A voir après dans la pratique bientôt 🤟🏽
@clemencemacary3008
2 жыл бұрын
Bravo pour ce contenu si limpide, efficace et propre ! Meilleur contenu de formation KZitem sur Adobe XD que j'ai trouvé jusqu'à présent. You rock !
@IDE_photographisme
2 жыл бұрын
Merci Clémence, content que le contenu te plaise !
@estebanevelette4156
Жыл бұрын
un des meilleurs tuto que j'ai vu, tu m'as tellement aidé tout ce que je cherchais était la merci a toi mille fois, même un an après :)
@IDE_photographisme
Жыл бұрын
Merci Esteban, content de savoir que ça a pu t’aider ;)
@melflo459
3 жыл бұрын
merci beaucoup car je suis en licence conceptrice chef de projet web en reconversion et avec la covid on se mange bcp bcp de vidéo mais toutes celles que j'ai ingurgité sur xd n'avaient pas cette qualité et simplicité dans les explications , juste le côté prototype avec les liens qui sont moins précis mais c'est surement parce que je suis mal réveillée Donc merci bcp de m'avoir fait gagner un temps précieux avec xd qui en définitive n'est pas si compliqué que ça quand c'est très bien expliqué
@IDE_photographisme
3 жыл бұрын
Content de savoir que ça a pu te profiter ! J’ai prévu un peu plus de contenu détaillé sur XD prochainement ;)
@zefitaro
Жыл бұрын
Super tuto, je découvre le logiciel et une vraie galère pour comprendre la logique d'animation donc un grand merci c'est beaucoup plus clair !!
@aymerica
Жыл бұрын
Magnifique, c'est clairement expliqué. Je me rend compte que je fais pas mal d'erreur. On va arranger tout ça. Merci.
@IDE_photographisme
Жыл бұрын
Au top si ça te permet de progresser !
@dufresneali
Жыл бұрын
Merci pour ce tutoriel. A l'époque nous appelions ça maquette fonctionnel.
@TheOnlyOneGuyom
3 жыл бұрын
Merci c'est clair et net. Y a plus qu'à s'amuser avec nos maquettes maintenant :)
@christopheds2744
2 жыл бұрын
Super ! Merci pour cette vidéo, je viens de te découvrir et ça à l'air top ce que tu propose.
@lawtiragetarot
6 ай бұрын
Bjr merci pour ce partage mais la musique en fond empêche de se concentrer ! c'est vraiment dérangeant. Dommage.
@IDE_photographisme
6 ай бұрын
Merci pour ton retour, c'est bien noté !
@ibrahimammor7421
3 жыл бұрын
Franchement bravo, je ne savais rien à rien mais tu m'as sauvé. Merci 👏🏻
@IDE_photographisme
3 жыл бұрын
Plaisir Ibrahim ;)
@juniordjessanofficial2195
3 жыл бұрын
merci pour toutes vos formations qui sont de qualités, mais svp pour nous qui sommes novices encore veuillez svp aller un peu plus lentement, car c'est un peu accélerer.Merci
@ekinoxconcept
Жыл бұрын
Superbe vidéo qui m’aide à comprendre beaucoup de chose sur Xd 🤙 Merci
@th.grif.4502
2 жыл бұрын
Très sympa et très intéressant. Une belle approche. Merci
@midou9
2 жыл бұрын
super video. Tout ce qu'il faut savoir dans un mouchoir de poche.Top !
@loooup2568
11 ай бұрын
très belle vidéo bien expliqué. bravo
@Riseabovethechallenge1
2 жыл бұрын
Merci beaucoup j'apprécie beaucoup ta sincérité.
@hectortrepanier
2 жыл бұрын
merci pour ce tuto complet tout est super bien expliqué !
@pauwelsgnanih7136
2 жыл бұрын
J'ai parfaitement compris, Je Like, Je m'abonne et je share. Merci à toi.
@franck502
2 жыл бұрын
Merci beaucoup pour cette vidéo ! C'est top ! Et surtout directement utilisable ;-)
@omarfaruqlamarechimoun3053
2 жыл бұрын
Super le tuto, j'aimerais que tu donne les étapes de conception de site après avoir fait la maquette
@IDE_photographisme
2 жыл бұрын
La maquette est à destination d’un intégrateur / développeur web qui va « morceler » le design en différents éléments à intégrer dans un environnement web (html / css / php / JavaScript / …). Ce sont des métiers bien différents de celui d’un graphiste, ce qui fait que généralement ce sont des prestataires différents.
@naelnoemamboundou3030
2 жыл бұрын
Ça été très claire MERCI.
@infographie
2 жыл бұрын
Excellent
@allophoto6295
2 жыл бұрын
Merci beaucoup pour ton tuto, qu'il ne faut pas hésiter à réécouter pour tout assimiler....une question, comment tu fais pour avoir une maquette responsive design ? Est-ce que XD "traduit" automatiquement ta maquette pour les smartphones et tablettes ?
@IDE_photographisme
2 жыл бұрын
Hello ! Je peux me tromper mais je dirai qu'il faut créer des ensembles de plans de travail dédié au format que tu souhaites présenter. Ca va relativement vite quand tu as déjà créé ta maquette au format desktop (par exemple), surtout si tu as positionné tes images dans des blocs (container) comme présenté dans la vidéo. Il y aura juste un petit effort à faire sur la navigation mais du reste ça ne doit pas être trop compliqué. Donc je pense qu'il faut te cogner les 3 affichages à la mano (desktop / tablette / mobile)...
@ghislainmbarga8019
2 жыл бұрын
Très bonne vidéo, elle permet de comprendre bcp de choses. Merci. Mais après cette étape, comment on exporte ? Comment ça devient un site en ligne ?
@IDE_photographisme
2 жыл бұрын
Adobe XD n’est malheureusement utile que pour la réalisation de la maquette du site. Je te laisse regarder les réponses à d’autres commentaires similaires pour plus de précision ;)
@tanguyconstant917
2 жыл бұрын
Bien joué
@MrsLalaina
2 жыл бұрын
Hello ! Je suis actuellement en formation en Webdesign . On nous a appris à faire notre maquette graphique sur Photoshop puis par la suite importer notre maquette sur Adobe XD pour le prototypage. Mais je vois que l’on peut créer directement la maquette sur Adobe XD. Ma question est : pourquoi ne pas faire sa maquette sur Photoshop? Adobe XD possède t-il tous les outils nécessaires pour créer des effets ? Merci
@IDE_photographisme
2 жыл бұрын
XD ne possède pas tout les outils de manipulation des claques / images que possède Photoshop, je dirais donc que de créer sa maquette dans Photoshop et de l’importer ensuite dans XD est une très bonne méthode (plus versatile). Attention cependant à bien « fusionner » les calques qui comportent des effets ou des masques au risque d’avoir des problèmes d’affichage dans XD après importation. Bien penser à renommer proprement tous les claques pour pouvoir s’y retrouver dans XD :)
@mathiasluna8658
2 жыл бұрын
merci pour les explications
@antoinebonfils5202
2 жыл бұрын
Excellent, merci à vous
@jordanacooper8108
3 жыл бұрын
Tooooooooop !!!! Merci beaucoup 🙏🙏
@eiringlice4628
2 жыл бұрын
Top ! Merci infiniment !
@Tibiscuit_OW2
2 жыл бұрын
Hey, très cool tuto ! Est-il possible de faire la même chose mais l'animation (la même que lorsqu'on clique sur "à propos") "démarre" avec le scroll de la souris ? Comme sur le site d'apple -> à chaque cran du scroll, ça fait un petit % de l'animation ? Merci !
@IDE_photographisme
2 жыл бұрын
Si c’est possible je n’ai pas encore trouvé comment ^^ À creuser …
@PopooChannel
Жыл бұрын
Hello ID-E Tu utilises XD pour la maquette + navigation et après pour le graphisme tu fais ta maquette web sur photoshop ?
@IDE_photographisme
Жыл бұрын
Tu peux tout créer directement dans XD ou commencer la maquette dans Photoshop et ensuite l’importer dans XD
@daphnenougier
2 жыл бұрын
Très utile merci😄
@Jordan-ie5nd
Жыл бұрын
Super vidéo ! Vraiment un grand merci . Est-il possible d'exporter un peu de css (styles des boutons, fonts et font-size utilsées etc) ?
@IDE_photographisme
Жыл бұрын
J’avoue ne pas savoir répondre à ta question, à creuser sur ton moteur de recherche préféré ;)
@pixelandco7664
2 жыл бұрын
Bonjour, serait-il du coup plus actuel ou plus judicieux d'envoyer son book interactif via un lien (fait dans XD) plutôt qu'un PDF interactif (fait en Indd)
@IDE_photographisme
2 жыл бұрын
Je n'avais pas envisagé ça comme ça mais ça me paraît être une excellente idée de différenciation, et beaucoup plus versatile au niveau des transitions / animations ! Bien vu !!!
@moussaba3857
Жыл бұрын
Bonsoir je m'excuse pour cette formation vous utilisez quel logiciel de XD de 2000 combien j'aimerai savoir pour pouvoir le faire
@meta_os
2 жыл бұрын
Cool merci. Dans la vidéo tu disais au début qu'on enverra la maquette à notre client via un simple lien. 😷😷 Mais j'ai pas dans la suite de la vidéo
@IDE_photographisme
2 жыл бұрын
C’est une des options d’export, c’est très simple à générer (en gros un clic). Je te laisse regarder tu devrais trouver assez facilement ;)
@maxgiam4864
2 жыл бұрын
Merci pour cette chouette vidéo. Je viens de terminer grâce à elle un site pour une amie. J'ai acheté son nom de domaine et hébergement pour placer le site. Comment puis je faire à présent pour mettre le site en ligne? Merci
@IDE_photographisme
2 жыл бұрын
Hello, Comme je le dis dans la vidéo il s’agit de créer uniquement une maquette dynamique d’un site web, Adobe XD ne permet pas de procéder au développement et à l’intégration du site. Tu trouveras plus d’éléments de réponse dans des commentaires similaires au tiens.
@alexandrebreton4720
2 жыл бұрын
Si tu n'as pas ou peu de connaissance en développement, et selon l'utilisation prévu du site, je pense que tu peux simplement utiliser un Wordpress. Les différents builders (notamment Elementor en version gratuite) permettent de créer rapidement l'équivalent de la maquette réalisée sous XD.
@julienj9163
2 жыл бұрын
Très sympa!
@calibecalibe8393
2 жыл бұрын
Excellent !
@smon1494
2 жыл бұрын
salut je voulais juste savoir comment on fait un bouton qui nous redirige vers un autre site internet merci d'avance
@margauxmtn
3 жыл бұрын
Peut on réaliser un site internet sur Wix ou WordPress avec notre maquette XD sans coder ?
@IDE_photographisme
3 жыл бұрын
Bonjour Margaux, À ma connaissance Adobe XD permet uniquement de réaliser la maquette graphique (à la différence de Dreamweaver par exemple qui lui intègre le code en arrière plan).
@AO-rp2zo
3 жыл бұрын
Effectivement vous-pouvez faire un site avec c'est solution , mais pour avoir des fonctionnalité avancer il vous faudra payer ou alors avoir un connaissance en code POUR INTEGRER DU javascript si la solution le permets en gros c'est solution vous permette de faire des sites esthétiquement jolie mais tout ce qui est backend seras impossible et vous devrez payez des plug-in ... en brefs une petit e-commerce oui une pages pour un resto ou autres services mais pour tout ce qui est gestion de membre et autre si vous n'avez pas de bonne connaissance en web développement je vous préconise de ne pas vous lancer dans tout ça car vous allé perdre du temps . La meilleurs solution est de faire son site par des pro en commençant par des petit site pour commencer et en fonction du succès du site augmenter le budgets pour l'optimisation !
@Tibiscuit_OW2
2 жыл бұрын
J'ai pas l'option délai que faire ?
@gregdev6470
2 жыл бұрын
Super merci
@drpopolinux7
3 жыл бұрын
Excellente vidéo ! Par contre une fois le design fait, comment on aboutit au site web fonctionnel ? Ah oui et aussi, comment tu appelles la suite de nombres 21, 34, 55, 89, etc. ?
@IDE_photographisme
3 жыл бұрын
La suite de Fibonacci ;) Adobe XD est un outil de designer (Ui/Ux), mais qui ne permet pas de générer le code pour rendre le site fonctionnel. Adobe Dreamweaver quant à lui permet de générer le code au travers d’une interface visuelle, mais à ma connaissance pas de passerelle direct (à ce jour) entre XD et Dreamweaver. Il existe des articles comme celui-ci qui peuvent te renseigner sur ce point : mockitt.wondershare.com/adobe-xd/adobe-xd-to-dreamweaver.html
@drpopolinux7
3 жыл бұрын
@@IDE_photographisme Merci ! Dommage qu'il n'y ait pas encore cette "passerelle"... Que j'attends avec impatience si elle voit le jour.
@julienj9163
2 жыл бұрын
@@drpopolinux7 C'est un métier différent ;) En général le webdesigner exporte les ressources de la maquette (photos, icones...) pour que l'intégrateur ou le développeur puisse les mettre en place sur le site final.
@elsadroz3132
2 жыл бұрын
Bonjour Je suis graphiste et je m'intéresse au métier de Webdesigner, et je voulais savoir quand on a fini créé un site Web sur Abode XD. On peut l'envoyer directement au client ou il y a encore de la programmation
@IDE_photographisme
2 жыл бұрын
Bonjour ! Adobe XD ne permet pas de concevoir un site internet prêt à être mis en ligne : il faut le comprendre comme une maquette interactive, mais c’est uniquement une interface visuelle. Il faut ensuite faire un travail d’intégration et de développement pour « convertir » cette interface en un site bien réel.
@nemelios6652
2 жыл бұрын
@@IDE_photographisme merci de votre réponse :) Et comment il faut pour le convertir
@IDE_photographisme
2 жыл бұрын
@@nemelios6652 plusieurs options : Bosser avec un intégrateur / développeur Méthode plus artisanale : il semble qu’il y ait une passerelle entre Dreamweaver et Adobe XD, à creuser avec les ressources disponibles en ligne.
@nemelios6652
2 жыл бұрын
@@IDE_photographisme merci Je vais me renseigner
@nemelios6652
2 жыл бұрын
@@IDE_photographisme sinon peut on devenir Webdesigner à partir de wordpress
@soultabs
2 жыл бұрын
Super auto merci :)
@rami1208
Жыл бұрын
jai beaucoup aimee
@chideickmignondjimbi5590
2 жыл бұрын
J'aimerai reproduire la même maquette comment faire pour avoir les ressources utiliser ?
@andrekombila1196
Жыл бұрын
Il est possible exporter en téléchargeant un plugin dans le logiciel.
@gervaistsouka5672
Жыл бұрын
😁
@andrekombila1196
Жыл бұрын
@@gervaistsouka5672 😂😂😂😂😂😂
@Alice-vy2od
2 жыл бұрын
Merci pour ce tutoriel ! J'aimerais exporter une maquette faite sur XD en psd pour un développeur. Savez-vous comment on peut faire ça ? Merci !
@IDE_photographisme
2 жыл бұрын
Hello Alice ! Je sais que l’inverse est possible, importer un psd dans XD, mais j’avoue ne pas savoir répondre à ta question… À investiguer ;)
@afisuyussuf7533
2 жыл бұрын
Merci pour la vidéo, pourquoi ta pas laisser les images en description !
@IDE_photographisme
2 жыл бұрын
Le but étant de s’approprier le concept, et de l’adapter à sa propre maquette, ça ne me semblait pas particulièrement intéressant de fournir les images avec lesquelles j’ai travaillé :)
@ouivas-youioui6769
2 жыл бұрын
Coucou sans indiscrétion, tu viens d'ou ? Merci
@louis380
2 жыл бұрын
Salut ! J'ai pas l'option délai dans le prototype
@IDE_photographisme
2 жыл бұрын
j'avoue ne pas savoir te répondre précisément, en cherchant peut être dans les options d'affichage ou sur le site Adobe...
@marieb4639
2 жыл бұрын
Il faut que tu selectionnes bien tout ton plan de travail et cela va apparaître dans tes choix ;)
@tomtomenvtt5838
3 жыл бұрын
ensuite comment on le met sur internet svp ?
@IDE_photographisme
3 жыл бұрын
Adobe XD est un outil pour créer des maquettes de site internet, et ne permet pas à ma connaissance de migrer cette maquette pour créer un site en ligne. Il faut regarder du côté de Adobe Dreamweaver pour un compromis entre outil de développement web et interface visuelle facile d’utilisation.
@allophoto6295
2 жыл бұрын
Quitte à la modifier légèrement ensuite ?
@moussaba3857
Жыл бұрын
Le télécharger dans mon ordinateur
@kael7597
2 жыл бұрын
cool mais beaucoup trop rapide dans les explications pour les débutants:)
@sg-7753
5 ай бұрын
Bonjour, quelle est la manip pour copier le gabarit "portfolio zoom étape 1" ?
@milou2524
2 жыл бұрын
Comment peut-on se procurer la police Open Sans?
@IDE_photographisme
2 жыл бұрын
Google font ?
@milou2524
2 жыл бұрын
@@IDE_photographisme oui je ne sais pas comment les intégrer à adobe xd pour pouvoir les utiliser
@prophetichand2896
2 жыл бұрын
@@milou2524 Normalement si vous ajoutez à Photoshop, les polices s'enregistrent dans les logiciels auxiliaires
Пікірлер: 109