{"id":16066,"date":"2018-10-24T10:33:39","date_gmt":"2018-10-24T09:33:39","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=16066"},"modified":"2018-10-17T12:54:27","modified_gmt":"2018-10-17T11:54:27","slug":"15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24","title":{"rendered":"15 kits d&rsquo;interface utilisateur pour maquettes et wireframes"},"content":{"rendered":"<p>Vous \u00eates \u00e0 la recherche des <strong>meilleurs kits d&rsquo;interface utilisateur gratuits pour maquettes et wireframes<\/strong>\u00a0? Voici 15 kits UI \u00e0 t\u00e9l\u00e9charger en version gratuite pour cr\u00e9er des interfaces lisses, intuitives, et des exp\u00e9riences cr\u00e9atives.<\/p>\n<p>Vous trouverez des kits adapt\u00e9s pour <strong>Photoshop, Adobe XD, Figma, Illustrator ou Sketch<\/strong>. Cr\u00e9er des applications pour le web, sur mobile ou sur tablette devient alors tr\u00e8s pratique. Ces kits sont vraiment tr\u00e8s complets et permettent d&rsquo;innover tout en gagnant un temps pr\u00e9cieux !<\/p>\n<h2>1. DO app Kit UI<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DO-ap-UI-Kit1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-16214\" alt=\"DO ap UI Kit\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DO-ap-UI-Kit1-1024x549.png\" width=\"620\" height=\"332\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DO-ap-UI-Kit1-1024x549.png 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DO-ap-UI-Kit1-300x161.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DO-ap-UI-Kit1-610x327.png 610w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DO-ap-UI-Kit1.png 1509w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><br \/>\n<\/a>Source image : invisionapp.com<\/h6>\n<p>Format du kit d&rsquo;interface :\u00a0PSD, Sketch<\/p>\n<p><a href=\"https:\/\/www.invisionapp.com\/do\/\" target=\"_blank\">Do app UI kit<\/a> est un vectoriel polyvalent avec <strong>130 \u00e9crans, 10 th\u00e8mes, et plus de 250 \u00e9l\u00e9ments de conception<\/strong>. Ce kit d&rsquo;interface utilisateur facilite l\u2019interaction des diff\u00e9rents intervenants pour r\u00e9agir aux prototypes. Il propose de nombreuses interfaces utilisateur pour construire de multiples applications.<\/p>\n<h2>2. Harmony Kit UI<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Harmony-UI-Kit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16222\" alt=\"Harmony UI Kit\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Harmony-UI-Kit.png\" width=\"855\" height=\"551\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Harmony-UI-Kit.png 855w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Harmony-UI-Kit-300x193.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Harmony-UI-Kit-610x393.png 610w\" sizes=\"auto, (max-width: 855px) 100vw, 855px\" \/><br \/>\n<\/a>Source image : freebiesbug.com<\/h6>\n<p>Format du kit d&rsquo;interface : Sketch<\/p>\n<p><a href=\"https:\/\/freebiesbug.com\/sketch-freebies\/harmony-ui-kit\/\" target=\"_blank\">Harmony Kit UI<\/a> est agr\u00e9able d&rsquo;utilisation de part sa simplicit\u00e9. Il propose <strong>10 \u00e9crans de base iOS<\/strong>, et son concept repose sur la g\u00e9olocalisation pour permettre aux utilisateurs de trouver, partager et noter des endroits. Les \u00e9crans iOS Ready Core sont con\u00e7us en vecteur et bas\u00e9s sur des symboles.<\/p>\n<h2>3. Sketch UX Kit<\/h2>\n<h6>\u00a0<a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Sketch-UX-design-Kit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-16225\" alt=\"Sketch UX design Kit\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Sketch-UX-design-Kit-1024x678.png\" width=\"620\" height=\"410\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Sketch-UX-design-Kit-1024x678.png 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Sketch-UX-design-Kit-300x198.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Sketch-UX-design-Kit-610x404.png 610w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Sketch-UX-design-Kit.png 1249w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><br \/>\n<\/a>Source image : mikolajdobrucki.com<\/h6>\n<p>Format du kit d&rsquo;interface :\u00a0Sketch<\/p>\n<p><a href=\"http:\/\/www.mikolajdobrucki.com\/sketchuxkit\/\" target=\"_blank\">Sketch UX Kit<\/a> est un <strong>Cross-Platform wireframing et kit de prototypage<\/strong> proposant 307 symboles personnalisables, 66 styles de texte, 21 \u00e9crans, et 31 pages de documentation. On peut personnaliser facilement sa structure de symboles pour l&rsquo;ajuster \u00e0 ses besoins, construire son projet en toute simplicit\u00e9 gr\u00e2ce \u00e0 des \u00e9l\u00e9ments pr\u00e9fabriqu\u00e9s, et cr\u00e9er des prototypes cliquables.<\/p>\n<h2>4. Aware ecommerce Kit UI<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Aware-ecommerce-UI-kit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-16229\" alt=\"Aware ecommerce UI kit\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Aware-ecommerce-UI-kit-265x300.png\" width=\"265\" height=\"300\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Aware-ecommerce-UI-kit-265x300.png 265w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Aware-ecommerce-UI-kit-610x690.png 610w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Aware-ecommerce-UI-kit.png 732w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><br \/>\n<\/a>Source image : market.designmodo.com<\/h6>\n<p>Format du kit d&rsquo;interface :\u00a0PSD,\u00a0Sketch<\/p>\n<p><a href=\"http:\/\/market.designmodo.com\/aware-ui\/\" target=\"_blank\">Aware ecommerce UI\u00a0kit<\/a> est <strong>sp\u00e9cifiquement d\u00e9di\u00e9 aux cr\u00e9ations des sites e-commerce<\/strong>. Il propose plus de 50 composants d&rsquo;excellentes qualit\u00e9 cr\u00e9\u00e9s \u00e0 l&rsquo;aide d&rsquo;une grille. Vous pouvez facilement adapter les \u00e9l\u00e9ments pour les \u00e9crans Retina. Ce kit offre de multiples polices de caract\u00e8res de Google Fonts. Ce kit d&rsquo;interface utilisateur inclut 7 pages d&rsquo;exemples.<\/p>\n<h2>5. Landing Kit UI<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Landing-UI-Kit1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16236\" alt=\"Landing UI Kit\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Landing-UI-Kit1.png\" width=\"753\" height=\"624\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Landing-UI-Kit1.png 753w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Landing-UI-Kit1-300x248.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Landing-UI-Kit1-610x505.png 610w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><br \/>\n<\/a>Source image : producthunt.com<\/h6>\n<p>Format du kit d&rsquo;interface :\u00a0PSD,\u00a0Sketch<\/p>\n<p><a href=\"https:\/\/www.producthunt.com\/posts\/landing-ui-kit\" target=\"_blank\">Landing UI kit<\/a> est un important<strong> kit de vecteur d&rsquo;interface utilisateur pour les pages de d\u00e9barquement<\/strong>. Cet outil est id\u00e9al pour ceux qui veulent cr\u00e9er un site web pratique et efficace pour leurs clients. Ce kit compatible avec Sketch et Photoshop, comprend plus de 80 mises en page uniques dans des cat\u00e9gories populaires.<\/p>\n<h2>6. Overlap Kit UI<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Overlap-UI-kit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16235\" alt=\"Overlap UI kit\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Overlap-UI-kit.png\" width=\"814\" height=\"598\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Overlap-UI-kit.png 814w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Overlap-UI-kit-300x220.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Overlap-UI-kit-610x448.png 610w\" sizes=\"auto, (max-width: 814px) 100vw, 814px\" \/><br \/>\n<\/a>Source image : Graphicdelivery.com<\/h6>\n<p>Format du kit d&rsquo;interface :\u00a0AI, PSD<\/p>\n<p><a href=\"https:\/\/www.graphicdelivery.com\/overlap-ui-kit\/\" target=\"_blank\">Overlap UI kit<\/a> offre un style minimaliste, \u00e9l\u00e9gant et ultra-contemporain. Ce kit d&rsquo;interface est construit sur un syst\u00e8me de grille de 12 colonnes bootstrap.<\/p>\n<h2>7. FORM Wireframe Kit<\/h2>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/F26Noqj-XGg\" height=\"315\" width=\"560\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><br \/>\nFormat du kit d&rsquo;interface : PSD, Sketch<\/p>\n<p><a href=\"https:\/\/www.invisionapp.com\/inside-design\/design-resources\/free-wireframe-kit-form\" target=\"_blank\">FORM wireframe kit<\/a> propose 190 mod\u00e8les, 19 cat\u00e9gories, et plus de 200 composants. Ce kit gratuit est id\u00e9al pour cr\u00e9er de beaux projets \u00e0 grande \u00e9chelle rapidement. Il offre une importante biblioth\u00e8que de mises en page Readymade, de composants et symboles. <strong>FORM vous aide \u00e0 cr\u00e9er des prototypes \u00e9l\u00e9gants \u00e0 partager avec les intervenants du projet<\/strong>.<\/p>\n<h2>8. Backpack Kit UI<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Backpack-free-UI-design-XD.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16243\" alt=\"Backpack free UI design XD\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Backpack-free-UI-design-XD.png\" width=\"990\" height=\"498\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Backpack-free-UI-design-XD.png 990w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Backpack-free-UI-design-XD-300x150.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Backpack-free-UI-design-XD-610x306.png 610w\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" \/><br \/>\n<\/a>Source image : Pinspiry.com<\/h6>\n<p>Format du kit d&rsquo;interface :\u00a0XD<\/p>\n<p><a href=\"https:\/\/pinspiry.com\/backpack-free-ui-kit-xd\/\" target=\"_blank\">Backpack UI Kit<\/a> propose plus de 50 \u00e9crans et des \u00e9l\u00e9ments enti\u00e8rement personnalisables.\u00a0Ce kit gratuit pour Adobe XD permet de concevoir des exp\u00e9riences utilisateur uniques sur diff\u00e9rentes th\u00e9matiques.<\/p>\n<h2>9. Chat Minimal Kit UI<\/h2>\n<h6>\u00a0<a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Chat-minimal-UI-Kit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16245\" alt=\"Chat minimal UI Kit\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Chat-minimal-UI-Kit.png\" width=\"618\" height=\"540\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Chat-minimal-UI-Kit.png 618w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Chat-minimal-UI-Kit-300x262.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Chat-minimal-UI-Kit-610x533.png 610w\" sizes=\"auto, (max-width: 618px) 100vw, 618px\" \/><br \/>\n<\/a>Source image : Freebiesbug.com<\/h6>\n<p>Format du kit d&rsquo;interface :\u00a0PSD, Sketch<\/p>\n<p><a href=\"https:\/\/freebiesbug.com\/psd-freebies\/chat-minimal-ui-kit-psd-sketch\/\" target=\"_blank\">Chat Minimal UI Kit<\/a> est un kit comprenant 60 mod\u00e8les, 12 cat\u00e9gories, et 80 \u00e9l\u00e9ments d&rsquo;interface pour cr\u00e9er vos applications.<\/p>\n<h2>10. Basiliq Kit UI<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Basalisk-UI-kit-free-design.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16249\" alt=\"Basalisk UI kit free design\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Basalisk-UI-kit-free-design.png\" width=\"420\" height=\"239\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Basalisk-UI-kit-free-design.png 420w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Basalisk-UI-kit-free-design-300x170.png 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><br \/>\n<\/a>Source image : Castle<\/h6>\n<p>Format du kit d&rsquo;interface :\u00a0PSD<\/p>\n<p><a href=\"https:\/\/castle.co\/design\/basiliq\" target=\"_blank\">Basiliq Kit UI<\/a> est un kit d&rsquo;interface stylis\u00e9 avec plus de <strong>300 \u00e9l\u00e9ments de conception pour cr\u00e9er des maquettes uniques<\/strong>. Les ic\u00f4nes sont d&rsquo;une tr\u00e8s grande qualit\u00e9. Ce kit est compatible avec Photoshop.<\/p>\n<h2>11. iOS Wireframe Kit<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-Wirefram-Kit-interface.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-16252\" alt=\"IOS Wirefram Kit interface\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-Wirefram-Kit-interface-1024x654.png\" width=\"620\" height=\"395\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-Wirefram-Kit-interface-1024x654.png 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-Wirefram-Kit-interface-300x191.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-Wirefram-Kit-interface-610x389.png 610w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-Wirefram-Kit-interface.png 1462w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><br \/>\n<\/a>Source image : ioswireframingkit.com<\/h6>\n<p>Format du kit d&rsquo;interface : Sketch<\/p>\n<p><a href=\"https:\/\/ioswireframingkit.com\/\" target=\"_blank\">iOS Wireframe Kit<\/a> est parfait si on veut gagner du temps dans la cr\u00e9ation de ses designs car il propose <strong>plus de 240 \u00e9crans et plus de 400 symboles<\/strong>. Faites la diff\u00e9rence avec des wireframes uniques et de grande qualit\u00e9.<\/p>\n<h2>12. DecoSpace Kit UI<\/h2>\n<p><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DecoSpace-Kit-design-mobile.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16254\" alt=\"DecoSpace Kit design mobile\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DecoSpace-Kit-design-mobile.png\" width=\"848\" height=\"698\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DecoSpace-Kit-design-mobile.png 848w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DecoSpace-Kit-design-mobile-300x246.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/DecoSpace-Kit-design-mobile-610x502.png 610w\" sizes=\"auto, (max-width: 848px) 100vw, 848px\" \/><\/a><\/p>\n<h6>Source image : Freedesignresources.net<\/h6>\n<p>Format du kit d&rsquo;interface : XD<\/p>\n<p><a href=\"https:\/\/freedesignresources.net\/decospace-free-mobile-ui-kit\/\" target=\"_blank\">DecoSpace Kit UI<\/a> est un <strong>kit d&rsquo;interface mobile sp\u00e9cialement con\u00e7u pour l&rsquo;iPhone X dans iOS 11<\/strong>. Il vous propose 15 \u00e9crans, de nombreux calques modifiables, polices de caract\u00e8res et autres \u00e9l\u00e9ments.\u00a0Cette application fonctionne avec Adobe XD.<\/p>\n<h2>13. Deck Card-Style Kit UI<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Deck-Free-Card-UI-kit-Sketch-Photoshop.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16256\" alt=\"Deck Free Card UI kit Sketch Photoshop\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Deck-Free-Card-UI-kit-Sketch-Photoshop.png\" width=\"585\" height=\"405\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Deck-Free-Card-UI-kit-Sketch-Photoshop.png 585w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Deck-Free-Card-UI-kit-Sketch-Photoshop-300x207.png 300w\" sizes=\"auto, (max-width: 585px) 100vw, 585px\" \/><br \/>\n<\/a>Source image : themeui.net<\/h6>\n<p>Format du kit d&rsquo;interface : PSD, Sketch<\/p>\n<p><a href=\"https:\/\/themeui.net\/deck-free-card-style-ui-kit-sketch-photoshop\/\" target=\"_blank\">Deck Card-Style Kit UI<\/a> est un kit proposant <strong>45 mod\u00e8les d&rsquo;interface utilisateur<\/strong>, plus de 200 \u00e9l\u00e9ments, 6 cat\u00e9gories de page (accueil, contact, galerie photos, vid\u00e9os etc&#8230;), et 14 symboles. Ce kit est id\u00e9al pour cr\u00e9er un site web avec une carte interactive.<\/p>\n<h2>14. LiquidPro Kit UI<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/UI-Kit-Pro.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16259\" alt=\"UI Kit Pro\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/UI-Kit-Pro.png\" width=\"625\" height=\"801\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/UI-Kit-Pro.png 625w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/UI-Kit-Pro-234x300.png 234w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/UI-Kit-Pro-610x781.png 610w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><br \/>\n<\/a>Source image : Graphicpear.com<\/h6>\n<p>Format du kit d&rsquo;interface : PSD, Sketch<\/p>\n<p><a href=\"https:\/\/www.graphicpear.com\/liquidpro-ui-kit\/\" target=\"_blank\">LiquidPro Kit UI<\/a> est un kit polyvalent professionnel proposant des <strong>mises en page multiples et des \u00e9l\u00e9ments GUI<\/strong>. Ce kit d&rsquo;interface utilisateur gratuit est compatible avec Photoshop.<\/p>\n<h2>15. iOS GUI Design Kit<\/h2>\n<h6><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-GUY-Ipad-Iphone-UI-Kit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16262\" alt=\"IOS GUY Ipad Iphone UI Kit\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-GUY-Ipad-Iphone-UI-Kit.png\" width=\"688\" height=\"764\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-GUY-Ipad-Iphone-UI-Kit.png 688w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-GUY-Ipad-Iphone-UI-Kit-270x300.png 270w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/IOS-GUY-Ipad-Iphone-UI-Kit-610x677.png 610w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\" \/><br \/>\n<\/a>Source image : iosdesignkit.io<\/h6>\n<p>Format du kit d&rsquo;interface : AI, Figma, PSD, Sketch, XD<\/p>\n<p><a href=\"https:\/\/iosdesignkit.io\/ios-gui\/\" target=\"_blank\">iOS GUI Design Kit<\/a> est un excellent kit qui propose <strong>62 \u00e9crans iPhone, 56 \u00e9crans iPad, et plus de 100 \u00e9l\u00e9ments d&rsquo;interface utilisateur<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous \u00eates \u00e0 la recherche des meilleurs kits d&rsquo;interface utilisateur gratuits pour maquettes et wireframes\u00a0? Voici 15 kits UI \u00e0 t\u00e9l\u00e9charger en version gratuite pour cr\u00e9er des interfaces lisses, intuitives, et des exp\u00e9riences cr\u00e9atives. Vous&#8230;<\/p>\n","protected":false},"author":11,"featured_media":16338,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[190],"tags":[1236,1232,1233,1231,1234,377,1237,1235],"class_list":["post-16066","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-adobe-xd","tag-kit-interface-utilisateur","tag-kit-maquette","tag-kit-ui","tag-kit-wireframe","tag-photoshop-2","tag-sketch","tag-ui-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.9-RC5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>15 kits d&#039;interface utilisateur pour maquettes et wireframes - VISIPLUS academy<\/title>\n<meta name=\"description\" content=\"Vous \u00eates \u00e0 la recherche des meilleurs kits d&#039;interface utilisateur gratuits pour maquettes et wireframes\u00a0? Voici 15 kits UI \u00e0 t\u00e9l\u00e9charger en version\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 kits d&#039;interface utilisateur pour maquettes et wireframes - VISIPLUS academy\" \/>\n<meta property=\"og:description\" content=\"Vous \u00eates \u00e0 la recherche des meilleurs kits d&#039;interface utilisateur gratuits pour maquettes et wireframes\u00a0? Voici 15 kits UI \u00e0 t\u00e9l\u00e9charger en version\" \/>\n<meta property=\"og:url\" content=\"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24\" \/>\n<meta property=\"og:site_name\" content=\"Blog VISIPLUS academy\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-24T09:33:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Pimagic-super-photo-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"780\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Laura Barberis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Barberis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24\"},\"author\":{\"name\":\"Laura Barberis\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/9d382d9adaea04ef1c0026b88b1cd1df\"},\"headline\":\"15 kits d&rsquo;interface utilisateur pour maquettes et wireframes\",\"datePublished\":\"2018-10-24T09:33:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24\"},\"wordCount\":929,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/Pimagic-super-photo-3.png\",\"keywords\":[\"Adobe XD\",\"Kit interface utilisateur\",\"Kit maquette\",\"Kit UI\",\"Kit wireframe\",\"photoshop\",\"Sketch\",\"UI Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24\",\"name\":\"15 kits d'interface utilisateur pour maquettes et wireframes - VISIPLUS academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/Pimagic-super-photo-3.png\",\"datePublished\":\"2018-10-24T09:33:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/9d382d9adaea04ef1c0026b88b1cd1df\"},\"description\":\"Vous \u00eates \u00e0 la recherche des meilleurs kits d'interface utilisateur gratuits pour maquettes et wireframes\u00a0? Voici 15 kits UI \u00e0 t\u00e9l\u00e9charger en version\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#primaryimage\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/Pimagic-super-photo-3.png\",\"contentUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/Pimagic-super-photo-3.png\",\"width\":780,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15 kits d&rsquo;interface utilisateur pour maquettes et wireframes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/\",\"name\":\"Blog VISIPLUS academy\",\"description\":\"D\u00e9couvrez nos articles, conseils, guides\u2026 l\u2019essentiel pour vous informer sur les derni\u00e8res r\u00e9formes et actualit\u00e9s de la formation professionnelle.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/9d382d9adaea04ef1c0026b88b1cd1df\",\"name\":\"Laura Barberis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/laura.png\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/laura.png\",\"contentUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/laura.png\",\"caption\":\"Laura Barberis\"},\"description\":\"Responsable Marketing &amp; Communication, Laura participe \u00e9galement \u00e0 la production de contenus r\u00e9dactionnels pour le blog VISIPLUS academy sur les th\u00e9matiques du web marketing et de la communication digitale.\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/author\\\/laura-barberis\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"15 kits d'interface utilisateur pour maquettes et wireframes - VISIPLUS academy","description":"Vous \u00eates \u00e0 la recherche des meilleurs kits d'interface utilisateur gratuits pour maquettes et wireframes\u00a0? Voici 15 kits UI \u00e0 t\u00e9l\u00e9charger en version","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24","og_locale":"fr_FR","og_type":"article","og_title":"15 kits d'interface utilisateur pour maquettes et wireframes - VISIPLUS academy","og_description":"Vous \u00eates \u00e0 la recherche des meilleurs kits d'interface utilisateur gratuits pour maquettes et wireframes\u00a0? Voici 15 kits UI \u00e0 t\u00e9l\u00e9charger en version","og_url":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24","og_site_name":"Blog VISIPLUS academy","article_published_time":"2018-10-24T09:33:39+00:00","og_image":[{"width":780,"height":300,"url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Pimagic-super-photo-3.png","type":"image\/png"}],"author":"Laura Barberis","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Laura Barberis","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#article","isPartOf":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24"},"author":{"name":"Laura Barberis","@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/9d382d9adaea04ef1c0026b88b1cd1df"},"headline":"15 kits d&rsquo;interface utilisateur pour maquettes et wireframes","datePublished":"2018-10-24T09:33:39+00:00","mainEntityOfPage":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24"},"wordCount":929,"commentCount":0,"image":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#primaryimage"},"thumbnailUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Pimagic-super-photo-3.png","keywords":["Adobe XD","Kit interface utilisateur","Kit maquette","Kit UI","Kit wireframe","photoshop","Sketch","UI Design"],"articleSection":["Web Design"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#respond"]}]},{"@type":"WebPage","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24","url":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24","name":"15 kits d'interface utilisateur pour maquettes et wireframes - VISIPLUS academy","isPartOf":{"@id":"https:\/\/academy.visiplus.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#primaryimage"},"image":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#primaryimage"},"thumbnailUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Pimagic-super-photo-3.png","datePublished":"2018-10-24T09:33:39+00:00","author":{"@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/9d382d9adaea04ef1c0026b88b1cd1df"},"description":"Vous \u00eates \u00e0 la recherche des meilleurs kits d'interface utilisateur gratuits pour maquettes et wireframes\u00a0? Voici 15 kits UI \u00e0 t\u00e9l\u00e9charger en version","breadcrumb":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#primaryimage","url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Pimagic-super-photo-3.png","contentUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/10\/Pimagic-super-photo-3.png","width":780,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/15-kits-dinterface-utilisateur-pour-maquettes-et-wireframes-2018-10-24#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/academy.visiplus.com\/blog\/"},{"@type":"ListItem","position":2,"name":"15 kits d&rsquo;interface utilisateur pour maquettes et wireframes"}]},{"@type":"WebSite","@id":"https:\/\/academy.visiplus.com\/blog\/#website","url":"https:\/\/academy.visiplus.com\/blog\/","name":"Blog VISIPLUS academy","description":"D\u00e9couvrez nos articles, conseils, guides\u2026 l\u2019essentiel pour vous informer sur les derni\u00e8res r\u00e9formes et actualit\u00e9s de la formation professionnelle.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/academy.visiplus.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/9d382d9adaea04ef1c0026b88b1cd1df","name":"Laura Barberis","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/09\/laura.png","url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/09\/laura.png","contentUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/09\/laura.png","caption":"Laura Barberis"},"description":"Responsable Marketing &amp; Communication, Laura participe \u00e9galement \u00e0 la production de contenus r\u00e9dactionnels pour le blog VISIPLUS academy sur les th\u00e9matiques du web marketing et de la communication digitale.","url":"https:\/\/academy.visiplus.com\/blog\/author\/laura-barberis"}]}},"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/16066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=16066"}],"version-history":[{"count":42,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/16066\/revisions"}],"predecessor-version":[{"id":16339,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/16066\/revisions\/16339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/16338"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=16066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=16066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=16066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}