- Видео 33
- Просмотров 67 999
UI Remi
Добавлен 25 янв 2023
Des vidéos sur l'UI Design, mais aussi la création de pages web et de bonnes pratiques sur le design.
Créer un bouton interactif avec Figma en 10 minutes ! [Tuto Prototypage]
▶ Formation gratuite "devenir Webdesigner même si vous n'êtes pas créatif" : school.uiremi.com/devenir-webdesigner
00:00 Introduction (à quoi ça sert)
00:34 Créer un bouton avec l'auto-layout
02:13 Créer un bouton et ses variants
03:10 Créer une interaction avec le prototypage
05:10 Créer une interaction de clic
06:58 Intégrer votre bouton dans un design
00:00 Introduction (à quoi ça sert)
00:34 Créer un bouton avec l'auto-layout
02:13 Créer un bouton et ses variants
03:10 Créer une interaction avec le prototypage
05:10 Créer une interaction de clic
06:58 Intégrer votre bouton dans un design
Просмотров: 320
Видео
![Créer votre application sur Figma - [Tuto débutant]](http://i.ytimg.com/vi/hCxF2t9S0tQ/mqdefault.jpg)
![Créer votre application sur Figma - [Tuto débutant]](/img/tr.png)
Créer votre application sur Figma - [Tuto débutant]
Просмотров 4822 месяца назад
▶ Formation gratuite "devenir Webdesigner même si vous n'êtes pas créatif" : school.uiremi.com/devenir-webdesigner ▶ La Newsletter du Design : school.uiremi.com/ 00:00 Introduction 00:54 Création de la grid 01:54 Ecran avec background 07:54 Ecran d'app 09:49 Créer votre selector défilant 13:38 Items défilants 20:12 Création d'une navbar blurry 25:16 Insérer vos écrans dans un mockup gratuitement
Convertir sa maquette Figma en un vrai site avec Wix Studio (c’est bluffant !)
Просмотров 7564 месяца назад
▶ Tester Wix Studio gratuitement : fr-wix-studio.hopp.to/wix-studio5 ▶ Formation gratuite "Devenir Webdesigner même si vous n'êtes pas créatif" : school.uiremi.com/devenir-webdesigner Dans cette vidéo, je vous montre comment exporter votre maquette de Figma vers Wix Studio avec le plugin dédié "Figma to Wix Studio". Est-ce que c'est la solution miracle pour gagner du temps pour tous les profess...
![Créer sa maquette de site web format desktop et mobile [Tuto Figma]](http://i.ytimg.com/vi/BtQyFtaSaEE/mqdefault.jpg)
Créer sa maquette de site web format desktop et mobile [Tuto Figma]
Просмотров 1,9 тыс.4 месяца назад
▶ Formation gratuite "devenir Webdesigner même si vous n'êtes pas créatif" : school.uiremi.com/devenir-webdesigner 00:00 Introduction 00:33 Créer votre zone de travail 01:12 Création du Header 02:15 Créer votre bouton 05:57 Ajouter votre screenshot et rajouter un dégradé 08:21 Créer la navbar 10:30 Adapter la maquette au format responsive Dans cette vidéo, je vous montre comment créer votre maq...
Webdesign : Les 6 typographies à utiliser, oubliez le reste
Просмотров 4634 месяца назад
▶ Formation UX/UI : La Méthode Complète :school.uiremi.com/uxui-methode ▶ La newsletter 100% Design school.uiremi.com/ Dans cette vidéo, je vais vous montrer qu'il est facile d'utiliser des typographies gratuites pour vos sites web avec seulement 6 typographies à utiliser ! 00:00 Introduction 00:35 Différence typographies Serif et Sans-Serif 01:20 DM Sans 02:30 Garamond 04:11 Bodoni 05:12 Playf...
La formation Webflow la plus courte de l'histoire
Просмотров 5035 месяцев назад
▶ "Devenir un Designer web même si vous n'êtes pas créatif", mini formation offerte : bit.ly/devenir-webdesigner ▶ La newsletter 100% Design school.uiremi.com/ Dans ce cours vous apprendrez à maitriser tous les aspects de Webflow en moins de 15 minutes pour créez votre site web ! 00:00 Introduction 00:17 Centrez vos éléments avec le container 02:50 Créez votre Header 04:10 Manipuler la flexbox ...
Choisir ses couleurs en UX/UI : Le Guide Complet en 3 étapes
Просмотров 5295 месяцев назад
▶ La Newsletter consacré au Design : school.uiremi.com/ 00:00 Introduction 00:23 Pourquoi vous avez du mal à choisir vos couleurs 02:17 Etape 1 : choisir une couleur dominante 03:25 Etape 2 : choisir 2 couleurs qui contrastent ensemble 04:28 Etape 3 : la règle des 60-30-10 04:50 Exemples d'application UX/UI 07:30 Essayez cette règle sur tout le web 08:15 Choisir ses couleurs 09:38 Voir sa palet...
![Maitriser Webflow en 1h ! [Tuto complet Landing Page]](http://i.ytimg.com/vi/Z2lomUandRc/mqdefault.jpg)
Maitriser Webflow en 1h ! [Tuto complet Landing Page]
Просмотров 8585 месяцев назад
▶ Formation UX/UI La Méthode complète : school.uiremi.com/uxui-methode?coupon=YT65 ▶ La Newsletter consacré au Design : school.uiremi.com/ 00:00 Introduction 00:27 Analyse du site 02:05 Hero Section 21:25 Section Layout 33:12 Section Tab 44:00 Section testimonials 53:58 Section FAQ interactive et cliquable sur Webflow 01:07:29 Section blog 01:10:00 CTA section 01:11:10 Navbar 01:15:00 Footer Da...
Guide débutant Squarespace : créer son site en 20 minutes
Просмотров 3885 месяцев назад
Guide débutant Squarespace : créer son site en 20 minutes
Figma : Convertir sa maquette en un VRAI site (sans Code)
Просмотров 6 тыс.8 месяцев назад
Figma : Convertir sa maquette en un VRAI site (sans Code)
Figma TUTORIEL Débutant (Créer une maquette, l'auto-layout, composant, et animations)
Просмотров 8 тыс.9 месяцев назад
Figma TUTORIEL Débutant (Créer une maquette, l'auto-layout, composant, et animations)
Tuto Figma UX/UI : Votre design de site web en 20min
Просмотров 13 тыс.10 месяцев назад
Tuto Figma UX/UI : Votre design de site web en 20min
WEBFLOW : Tutoriel (création de page, animation, responsive, prix) - [2024]
Просмотров 12 тыс.Год назад
WEBFLOW : Tutoriel (création de page, animation, responsive, prix) - [2024]
Merci pour ce cours très clair, aussi est-ce que le responsive fonctionne sur tous les écrans PC et est-il nécessaire d'utiliser le plugin Breakpoints ? merci
Bonjour, pas forcé d'utiliser un plugin, mais ça peut permettre de jouer sur le responsive de façon plus automatique je pense. Le but est de donner des directives avec une maquettes desktop et responsive à un développeur, ce sera à lui de faire correctement les breakpoints (ou à vous si vous intégrez comme sur webflow)
bonjour j ai la dernière version de Figma (et je suis débutante). Je n'ai du coup pas la même interface que vous. Je ne sais pas où aller pour trouver tous les components que l'on crée. Merci
Bonjour Figma a mis son interface à jour, les composants se trouve dans la barre au milieu en bas maintenant, à droite (première icone à droite) et dans "assets"
Après les routines quotidiennes sur la figma, je vais y perdre🙏😫🙏vous pouvez aussi refaire un cours sur les bases sur la figma. Franchement je comprends plus le positionnement des outils. stp😥🙏😫
Elle est hyper bien la vidéo. J'aurais bien aimé voir la suite par rapport au bouton du menu principal que l'on ne voit pas bouger. Ou bien même une utilisation des boutons Europe, voir lorsque l'on appuie dessus, il devient avec les bords noirs etc. Sinon continu c'est super
Top, il faut que j'essaie ! Merci
Top vidéo 😊👍
Merciii !
tu peux créer un site et avoir un nom de domaine ?
Oui tu peux tester en gratuit
Tu pourrais nous expliquer pour pouvoir aligner et avoir le parfait espacement entre chaque avec l'auto layout ?
Hello j'ai fait un autre figma où j'en parle sur la chaine !
contenue de qualité, simple et efficace. Je m'abonne pour te donner de la force
Merci beaucoup !
T'es trop fort mec , bravo 🩵
merci !
App
rotato app
Merci pour cette vidéo, aussi instructive que toutes les autres de la chaîne, donc bravo pour ça. Concernant ce transfert Figma vers Wix Studio, je me demande s'il a un avantage particulier sur le process Figma to Webflow via le plugin dédié, au niveau fonctionnalités?
@@nightmusic1974Merci ! certaines personnes préfèrent travailler sur wix studio et d'autres sur Webflow 😊 pas d'avantage particulier si ce n'est que l'outil est moins complexe que Webflow 🙏
App
rotato.app !
App
rotato.app !
Bonjour est ce que vous donne rdes cours particulier ?
Des tutos sur les animations figma
Je vous félicite merci pour ce tuto. C’est du lourd je peux débuter maintenant bravo 🎉
merci beaucoup !
"Nommer ses calques" et nommer son projet. 😉 Toujours et toujours !
c'est sur !
Je peux pas regarder la vidéo mais je l a met de côté pour quand je pourrai .
@@Zephramgaming Merci 🙏🙏🙏
Très clair, concis et précis. J'avais déjà vu une autre de tes vidéos (je crois sur Webflow), et on est sur la même qualité de vidéo ! Top, j'aime beaucoup !
Merci beaucoup !
bonjour est-ce que tu pourrais m'aider à comprendre comment fonctionne l'API et plus exactement si l'idée que j'ai eu est réalisable est-ce que tu as déjà utiliser l'API de figma ou les api en général ?
Hello, malheureusement je n'en utilise pas
@@ui_remi tu n'utilises pas les api dans make ou d'autre logiciel ?
WOW promesse tenu
Bonjour, tout d'abord merci pour ta vidéo ainsi que toutes les autres. Elles sont très instructives et parfaites pour débuter. J'ai remarqué pour ma part qu'une fois que je publiais mon site avec Wix, le site apparait comme tout blanc sans aucun design (même avec un autre navigateur ou en attendant 2-3 minutes) As-tu une idée de pourquoi il ne s'affiche pas correctement ? Merci à toi !
Salut Matteo ! C'est possible qu'il faut que tu changes la page d'accueil par défaut, et la brancher sur la nouvelle page que tu viens de faire. Sinon tu peux contacter le support Wix !
Bonjour; une petite question par rapport aux rectangles bleu et rose a la fin du tuto. En faisant un rectangle puis gradient radial, je me retrouve avec un rectangle et un cercle à l'intérieur qui est dégradé. Les contours du rectangle ne disparaissent pas comme dans votre tuto. Je ne vois pas où est mon erreur. Merci
Il y a plusieurs sortes de dégradé, il y a le radial mais aussi le droit
Si le rectangle aussi est dans une frame
Super vidéo merci beaucoup ! Cependant j'aurais une question , comment fait tu pour trouver des images de si bonne qualité sans fond ni bordure et libre de droit (je suppose) ?
Hello ! Cherche "mockup sport app" par exemple 😊
Merci pour le tuto :)
Salut, merci pour ta vidéo. Que penses tu de WixStudio par rapport à Weblow ou autres CMS ?
@@thomashoue7038 c'est différent dans la philosophie ! je dirai que webflow est plus complexe et que Wix Studio est un bon compromis entre un Wix et un Webflow
@@ui_remiOk je vois. Justement je me lance la création de site web. Mon but est de proposé des sites vitrine à des entreprises. Tu penses que je devrais me diriger sur webflow ou wix studio ?
Salut ! Merci beaucoup pour ce tuto tout simplement parfait ! Tu expliques super bien, très clair, ni trop techniques, ni trop vulgarisé. Tu prends le temps de bien tout expliquer et c'est très appréciable. Merci encore, hâte de voir le reste et de m'entraîner sur Figma. Bonne continuation 😉
Je pense que tu n’as pas vraiment compris comment utiliser Figma
@@kevinSTOLIAR mince je suis désolé, est ce que tu aurais des suggestions pour une prochaine vidéo ?
@@ui_remi Je viens de me relire, ça fait un peu sec le commentaire (désolé pour ça) en gros ce que je voulais dire c'est surtout que l'auto-layout s'utilise sur la totalité de tes écrans et non localement, ça te permet d'obtenir des maquettes responsive qui s'adapteront peu importe tes formats, et c'est là la force de Figma, tu vas pouvoir créer des points de rupture, modifier des composants de l'extérieur et tes écran s'adapteront. C'est un gain de temps quand tu travailles sur des gros projets, et je pense plus globalement, une bonne pratique à mettre en place ;) . Quant à une recommandation sur les prochaines vidéo je regarde surtout celle concernant Webflow et aussi Framer, je ne maîtrise pas du tout ça et j'ai grandement besoin d'un portfolio ;) Bonne continuation à toi !
J’ai aussi arrêté de regarder après 5:02, quand tu as commencé à copier/coller tes textes et les aligner à la main. Le plus simple aurait été de mettre directement ton fond en frame auto layout, car tous les éléments s’alignent au milieu horizontalement et avec l’écart que tu veux.
Cool
C’est hyper clair même pour les débutants ! Merci beaucoup, j’ai cru que j’arriverais jamais à réaliser des animations 😅
Merci t’es top ! J’ai pris ta formation UX UI, je vais commencer bientôt 😎 ! Jai regardé l’ensemble et ça promet d’être très bien !
Trop bien Stefoux ! Merci beaucoup on se voit dans la formation ! 🔥
Salut Rémi c'est Roland est ce que c'est possible de m'aider avec mon kit d'interface stp
Comment puis-je t'aider ?
@@ui_remi pour installer et parametrer mon kit et mettre en ligne mon App stp
Mec je suis très difficile mais là je suis à deux doigts de prendre ta formation 😅😅😅
Merci pour le soutien ✌ Tu peux commencer par la formation gratuite si tu le souhaite ! Et la payante ensuite si ça te tente !
Oui j’ai vu ça c’est top merci 🤩
Merci beaucoup pour la vidéo, très instructif
Merci !!
Purée ! Je te connais 😂 L’algo RUclips à l’œuvre mdr Cool de voir que tu t’es mis dans le web aussi.
Oh purée ! 😂
Top vidéo ! Tu en penses quoi de la roboto ?
J'aime bien mais je pense que je l'ai trop vu ! D'où mon choix de la DM Sans
La typo sans serif Poppins marche très bien aussi
Oui elle est top !
Hello merci tu compte créer un Slack pour ta commu ? Et aussi pourquoi je n'arrive pas à upload la vidéo comme tu as pu le faire je ne peux prendre que le lien youtube
Hello ! Regarde plus bas dans les éléments, tu as "background video" j'aurai dû mieux préciser Yes pour le slack c'est en cours !
Super ta méthodologie ! Moi les couleurs ça m'embrouille la tête ! 😂😂
C'est pareil 🤐 Merci 🤗
Super
Merci !!!
Salut est ce que vous pouvez m'aider à parametrer mon kit d'interface sur Figma svp?
Que voudrais tu paramétrer ?
@@ui_remi un kit d'interface d'inrerface d'utilisateur de taxi pour figma
@@ui_remi Salut c'est un kit d'interface d'utilisateur template pour taxi
@@ui_remi Je l'ai acheté sur thème forest
@@ui_remi S'il te plait Remi aider moi merci
Cool !
🙏🙏🙏
Top conseils 😊
Merci ! 🤩🤩
Précision : 1rem = 16px 🥲 🟩 Formation UX/UI - La Méthode Complète : school.uiremi.com/uxui-methode?coupon=YT65 ▶ La Newsletter consacré au Design : school.uiremi.com/
ok j'ai aimer ta vidéo. vraiment j'avais peut de webflow, mais maintenant beaucoup moins. Et cela grâce a toi. je débute encore donc j'apprend. mais pour un freelance les option payant qui sont un minimum obligatoire sont le ou les quelles s'il te plait ?
Merci beaucoup pour ton commentaire ! Avec l'acompte du premier client, ça m'a permis de tout me payer, ce qui est pas si cher si tu fais déjà 2-3 projets !
@@ui_remi D'accord merci et tout payer c'est a dire ? le plan et le workspace ?
Petite précision : 1rem = 16px et pas 8 ☺ Sinon est ce que ça t'arrive d'utiliser des outils comme Client-First ou Relume pour faciliter le développement ?
Hello Florian merci pour la coquille, désolé ! Je rajouterai une correction Oui j'utilise à chaque fois Client First pour déployer mes projets, j'en ferai une vidéo un jour 😊
super vidéo, merci à toi je viens de commencer webflow mais j’aimerais savoir comment faire une fois que le site est créer, quand on clique sur « Ressources », « Feature », « Get started », etc… que faire pour que ça soit fonctionnel s’il te plaît ?
Hello ! Je suppose que tu parles des liens ! Il faut créer une seconde page et la rattacher dans les paramètres du "text link" ou "link block"
@@ui_remiok merci et concernant la partie e-commerce, comment puis-je ajouter un moyen de paiement pour que mes clients puissent payer directement sur le site s’il vous plaît ?
@@ll_sazi__5530 en activant le ecommerce, tu peux ajouter le moyen de paiement via webflow
T’es explications sont top, c’est très clair ! Perso je préfères m’intéresser à tes contenus figma car je suis dev frontend, mais c’est toujours cool de connaître d’autres outils 😎 !
Merci beaucoup Stefoux ! Des tutos Figma arrivent bientôt !