Pôle · 122 outils · 3 sections

Inspiration UI et web design

Commencez ici avant d'ouvrir une page blanche. Des galeries de vrais sites web et landing pages, les outils utilisés pour concevoir des interfaces, et les lectures qui expliquent pourquoi les bonnes interfaces fonctionnent.

01 / 03

Galeries d'inspiration web design

78Ouvrir la section

60fps preview

60fpsGaleriesDes captures d'écran vidéo qui saisissent les interfaces en mouvement, réunies comme source d'inspiration pour étudier l'animation d'UI.

AwwwardsGaleriesUn programme de récompenses et une galerie qui distinguent chaque jour les meilleurs designs web et le savoir-faire front-end.

Cosmos preview

CosmosGaleriesUn espace de moodboard visuel pour rassembler images et références et composer des planches d'inspiration créative.

Curated Design preview

Curated DesignGaleriesUne galerie qui regroupe l'inspiration de sites web par style esthétique pour parcourir selon le look recherché.

Layers preview

LayersGaleriesUne plateforme où les designers publient et partagent publiquement leur travail pour recueillir des retours et de l'inspiration.

minimal.gallery

Minimal Gallery preview

Minimal GalleryGaleriesUne collection de sites web minimalistes et épurés pour qui cherche une inspiration de design sobre.

Mobbin preview

MobbinGaleriesUne bibliothèque consultable d'écrans et de parcours utilisateur réels, issus d'applications mobiles et web en production.

Saaspo preview

SaaspoGaleriesUne galerie sélectionnée de landing pages SaaS pour inspirer le design marketing et produit.

SEESAW preview

SEESAWGaleriesDe l'inspiration de design web organisée par section de page pour étudier un bloc à la fois.

Supahero preview

SupaheroGaleriesUne collection sélectionnée de sections hero de sites web pour s'inspirer lors de la conception d'une landing page.

Imageory preview

ImageoryGaleriesUne galerie visuelle qui associe les images aux prompts qui les ont générées, pour nourrir l'inspiration créative.

backgrounds.supply

Backgrounds Supply preview

Backgrounds SupplyGaleriesUn ensemble d'arrière-plans de sites web faits main, prêts à intégrer directement dans votre prochain projet.

backgrounds.venust.ai

Venust Backgrounds preview

Venust BackgroundsGaleriesDes arrière-plans de sites web gratuits, générés par IA, fournis avec les prompts originaux ayant servi à les créer.

Details preview

DetailsGaleriesDes décryptages en gros plan des micro-interactions des grands produits numériques, pour en étudier les détails.

Sombra preview

SombraGaleriesUne vitrine d'interfaces de sites web en dark mode pour qui conçoit autour de palettes sombres.

Dribbble preview

DribbbleGaleriesUne communauté mondiale où les designers publient des shots et des concepts pour partager leur travail et trouver l'inspiration.

Behance preview

BehanceGaleriesLa plateforme d'Adobe pour publier et parcourir des portfolios créatifs dans toutes les disciplines du design.

Recent Design preview

Recent DesignGaleriesUne sélection hebdomadaire de sites web dignes de récompenses, renouvelée pour un flux continu d'inspiration design.

navbar.design preview

navbar.designGaleriesUn ensemble sélectionné de modèles de barres de navigation à consulter lors de la conception de menus de site.

footer.design preview

footer.designGaleriesUn ensemble sélectif de pieds de page de sites web créatifs pour s'inspirer sur cette section de clôture.

Land-book preview

Land-bookGaleriesUne vaste galerie de landing pages classées par secteur pour parcourir les designs de votre niche.

Collect UI preview

Collect UIGaleriesDe l'inspiration de design UI quotidienne, étiquetée par composant et issue d'un défi de design permanent.

siteinspire.com

SiteInspire preview

SiteInspireGaleriesUne vitrine de longue date de designs web soigneusement conçus, filtrable par style et par thème.

Lapa Ninja preview

Lapa NinjaGaleriesUn ensemble choisi de landing pages responsives à parcourir pour s'inspirer en matière de mise en page.

UX Archive preview

UX ArchiveGaleriesUne archive de parcours d'onboarding mobile, capturés écran par écran comme référence UX.

Screenlane preview

ScreenlaneGaleriesUne galerie consultable d'écrans d'interface pour s'inspirer en UI à travers différentes applications.

Flowbase preview

FlowbaseGaleriesUne source de composants UI premium et de modèles d'interaction pour construire des mises en page de site.

Hover States preview

Hover StatesGaleriesUne vitrine de designs web inventifs et interactifs pour étudier comment les sites gèrent le mouvement et le survol.

SaaSFrame preview

SaaSFrameGaleriesDes centaines de captures de pages marketing SaaS réunies comme inspiration pour le design de landing pages.

landingfolio.com

Landingfolio preview

LandingfolioGaleriesUne vaste bibliothèque de designs de landing pages à parcourir pour s'inspirer en mise en page et en marketing.

Pttrns preview

PttrnsGaleriesUn répertoire de modèles d'UI mobile pour voir comment les applications traitent les écrans courants.

onepagelove.com

One Page Love preview

One Page LoveGaleriesUne vitrine de designs de sites web sur une seule page pour qui crée un one-pager.

designspiration.com

Designspiration preview

DesignspirationGaleriesUne plateforme de recherche pour découvrir des images d'art visuel et de design et nourrir l'inspiration.

bestwebsite.gallery

Best Website Gallery preview

Best Website GalleryGaleriesUne archive sélectionnée de sites web exceptionnels, conservée comme référence de design web remarquable.

theinspirationgrid.com

Inspiration Grid preview

Inspiration GridGaleriesUn magazine en ligne qui met en lumière le design visuel créatif et les travaux de toutes disciplines.

Scrnshts preview

ScrnshtsGaleriesUn ensemble sélectionné de captures d'écran de l'App Store pour s'inspirer dans le marketing d'une application mobile.

Are.na preview

Are.naGaleriesUne plateforme collaborative pour enregistrer des références visuelles et organiser ses recherches en planches partagées.

Appinspo preview

AppinspoGaleriesUne galerie vérifiée de designs d'applications mobiles pour s'inspirer en UI et en interface.

darkmodedesign.com

Dark Mode Design preview

Dark Mode DesignGaleriesUne vitrine dédiée aux sites web en dark mode pour s'inspirer dans la conception d'interfaces sombres.

Pinterest preview

PinterestGaleriesUne plateforme de découverte visuelle pour enregistrer et trouver des idées créatives sur tous les sujets.

navbar.gallery preview

navbar.galleryGaleriesUne galerie très ciblée de barres de navigation modernes à étudier lors de la conception de menus de site.

posts.design preview

posts.designGaleriesUne archive sélectionnée de design graphique pour réseaux sociaux, pour s'inspirer sur la mise en page des posts et des fils.

loadmo.re preview

loadmo.reGaleriesUne galerie de designs expérimentaux de sites web mobiles pour une inspiration neuve et audacieuse.

inspora.design preview

inspora.designGaleriesUne archive de design web visuel contemporain à parcourir pour une inspiration moderne.

cta.gallery preview

cta.galleryGaleriesUn ensemble sélectionné de boutons et bannières d'appel à l'action pour une inspiration axée sur la conversion.

desengs.com preview

desengs.comGaleriesUn répertoire de portfolios de design engineering et des histoires derrière celles et ceux qui les créent.

isthereanytool.app

isthereanytool preview

isthereanytoolGaleriesUn répertoire mettant en avant des outils méconnus pour le design, l'artisanat et le travail avec l'IA.

designeng.tools

designeng.tools preview

designeng.toolsGaleriesUn hub sélectionné qui réunit en un seul endroit les outils, ressources et inspirations de design engineering.

bestdesignsonx.com

bestdesignsonx.com preview

bestdesignsonx.comGaleriesUn fil sélectionné de créateurs à la pointe du design et de posts marquants tirés de X.

designbookmark.com

Design Bookmark preview

Design BookmarkGaleriesUn répertoire qui recense ressources et liens de design utiles pour les retrouver en un seul endroit.

rebrand.gallery

Rebrand Gallery preview

Rebrand GalleryGaleriesUne galerie de refontes de marques présentées avant/après, pour étudier l'évolution des identités.

curations.supply

Curations preview

CurationsGaleriesUne bibliothèque sélectionnée de ressources de design numérique à parcourir et à réutiliser dans vos projets.

Landing Love preview

Landing LoveGaleriesUne collection de landing pages réussies, classées par type d'animation pour s'inspirer en motion.

Motionimo preview

MotionimoGaleriesUne vaste bibliothèque de clips de motion design pour étudier l'animation et le mouvement.

before.click preview

before.clickGaleriesUne vitrine de concepts de captures d'écran d'application à forte conversion pour s'inspirer dans le marketing sur l'App Store.

Swiped preview

SwipedGaleriesUne collection de posts de design marquants rassemblés depuis les différentes plateformes sociales.

Landdding preview

LandddingGaleriesUn catalogue mis à jour chaque jour de landing pages créatives pour s'inspirer en mise en page et en marketing.

designengineer.tools

designengineer.tools preview

designengineer.toolsGaleriesUne sélection d'outils essentiels pensés pour le travail des design engineers.

Insposite preview

InspositeGaleriesUn répertoire de références et d'outils de design à parcourir quand vous cherchez l'inspiration.

loader-buttons.appllama.io

Loader Buttons preview

Loader ButtonsGaleriesUne galerie de 25 animations de boutons de chargement à consulter pour des idées de micro-interactions.

What Ships preview

What ShipsGaleriesUne collection de vidéos de démonstration marquantes de lancements de produits, rassemblées à partir de posts sur X.

GreatStuff preview

GreatStuffGaleriesUne archive soigneusement vérifiée d'outils créatifs, réunie pour trouver plus vite les bons.

Great Apps preview

Great AppsGaleriesUne galerie hebdomadaire qui met en avant des applications iOS exceptionnelles méritant un coup d'œil.

curated.domains

Curated Domains preview

Curated DomainsGaleriesUne collection de marques utilisant des extensions de domaine créatives, pour s'inspirer en naming et en branding.

Sections.wtf preview

Sections.wtfGaleriesUne galerie de sections de sites web réels et de mises en page hero à consulter bloc par bloc.

Browse.cool preview

Browse.coolGaleriesUne sélection de sites web choisis pour leur sensation tactile et leur interaction exceptionnelles.

Folios Gallery preview

Folios GalleryGaleriesUn répertoire sélectif de portfolios de designers remarquables à étudier pour s'inspirer.

wwwtf.site preview

wwwtf.siteGaleriesUne galerie de recoins décalés et expérimentaux du web interactif qui valent le détour.

Early preview

EarlyGaleriesUne plateforme de découverte qui met en avant des produits logiciels à leurs débuts méritant un premier coup d'œil.

openalternative.co

OpenAlternative preview

OpenAlternativeGaleriesUn répertoire qui associe les outils SaaS populaires à leurs alternatives open source.

everywhere.tools

Everywhere Tools preview

Everywhere ToolsGaleriesUne collection d'outils créatifs open source destinés au travail concret de design et d'artisanat.

gallery.jessyin.world

Jessy In's Gallery preview

Jessy In's GalleryGaleriesUn moodboard partagé où les contributeurs rassemblent des trouvailles visuelles insolites pour éveiller l'inspiration design.

wallofportfolios.in

Wall of Portfolios preview

Wall of PortfoliosGaleriesUn mur-vitrine de portfolios de design engineering et de produit à parcourir pour s'inspirer.

Detail Design preview

Detail DesignGaleriesUne archive qui documente les micro-interactions soigneusement conçues que l'on trouve dans les interfaces logicielles.

betwnstudios.com

Betwn Studios preview

Betwn StudiosGaleriesUn studio qui conçoit et développe des expériences web modernes pour les produits SaaS.

saaslandingpage.com

SaaS Landing Page preview

SaaS Landing PageGaleriesUne vitrine sélectionnée de landing pages SaaS remarquables à étudier pour s'inspirer.

bestsaaswebdesigns.com

Best SaaS Web Designs preview

Best SaaS Web DesignsGaleriesUne galerie sélectionnée de designs de sites web SaaS réunis comme source d'inspiration.

A1 preview

A1GaleriesUne galerie de designs de sites web réunis comme source d'inspiration pour votre prochain projet.

02 / 03

Outils de design d'interface et labos UI

11Ouvrir la section

Figma preview

FigmaDesign d'interfaceUne plateforme collaborative pour concevoir et prototyper des interfaces avec votre équipe.

Framer preview

FramerDesign d'interfaceUn canevas visuel pour concevoir des sites web puis les publier directement en ligne.

make.design preview

make.designDesign d'interfaceUn générateur IA qui transforme des prompts écrits en designs d'interface soignés.

Penpot preview

PenpotDesign d'interfaceUne plateforme de design web open source, basée sur SVG, qui fonctionne dans le navigateur.

Spline preview

SplineDesign d'interfaceUn logiciel de design 3D dans le navigateur, doté d'une physique intégrée pour des scènes interactives.

interfacecraft.dev

Interface Craft preview

Interface CraftDesign d'interfaceUne collection d'articles qui explorent le savoir-faire derrière les interfaces numériques modernes.

UI Labs preview

UI LabsDesign d'interfaceUn laboratoire qui décortique des composants UI animés pour montrer comment ils sont conçus.

UIWTF preview

UIWTFDesign d'interfaceUne vitrine de patterns d'interface expérimentaux qui repoussent les limites du web.

Lab01 preview

Lab01Design d'interfaceUne collection d'expérimentations d'interface raffinées publiées par un studio de design.

design.dev preview

design.devDesign d'interfaceUn éditeur assisté par IA pour créer et gérer des design tokens et des systèmes.

UI Playbook preview

UI PlaybookDesign d'interfaceUn guide des états courants par lesquels passent les composants UI au cours de leur conception.

03 / 03

Ressources web design : blogs, livres et cours

33Ouvrir la section

refactoringui.com

Refactoring UI preview

Refactoring UILecturesUn guide pratique rempli de tactiques pour concevoir et construire de meilleures interfaces.

practicaltypography.com

Practical Typography preview

Practical TypographyLecturesUn livre en ligne qui couvre les règles de la typographie et la mise en page du texte.

web.dev preview

web.devLecturesDes conseils pratiques sur la performance web et le développement selon les standards web modernes.

inclusive-components.design

Inclusive Components preview

Inclusive ComponentsLecturesUne bibliothèque de patterns qui vous apprend à construire des composants d'interface accessibles.

joshwcomeau.com

Josh Comeau preview

Josh ComeauLecturesDes tutoriels et des articles interactifs qui décortiquent le fonctionnement réel des mécanismes CSS.

design-books.com

Design Books preview

Design BooksLecturesUn répertoire de livres de design incontournables, classés selon la discipline qu'ils abordent.

learn-kernels.com

Learn Kernels preview

Learn KernelsLecturesUn guide interactif pour écrire et comprendre la programmation de kernels GPU.

designsystemchecklist.com

Design System Checklist preview

Design System ChecklistLecturesUne checklist détaillée qui couvre tout ce qui compose un design system prêt pour la production.

Learn UI preview

Learn UILecturesUn cours vidéo qui enseigne le côté pratique de la conception d'interfaces utilisateur.

designspells.com

Design Spells preview

Design SpellsLecturesUne collection qui dissèque les détails de design subtils cachés dans les logiciels du quotidien.

Good UI preview

Good UILecturesUne bibliothèque de patterns de design UI fondés sur des preuves et appuyés par des données du monde réel.

Abduzeedo preview

AbduzeedoLecturesUn blog de design quotidien qui partage un flux régulier d'inspiration visuelle.

UX Collective preview

UX CollectiveLecturesUne publication soignée qui rassemble des essais critiques sur le design d'expérience utilisateur.

smashingmagazine.com

Smashing Magazine preview

Smashing MagazineLecturesUne ressource fiable d'articles et de guides pour les designers et les développeurs web.

Codrops preview

CodropsLecturesUn blog qui publie des expérimentations front-end créatives accompagnées de tutoriels pratiques.

Muzli preview

MuzliLecturesUn condensé quotidien qui regroupe les dernières tendances du design dans un seul fil.

boxesandarrows.com

Boxes and Arrows preview

Boxes and ArrowsLecturesUne revue de longue date consacrée à la pratique et aux idées de l'architecture de l'information.

designernews.co

designernews.co

Designer NewsLecturesUn fil animé par la communauté où les designers font remonter et débattent des dernières actualités.

webdesignerdepot.com

Web Designer Depot preview

Web Designer DepotLecturesUne publication de design qui couvre les standards web et les outils qu'utilisent les designers.

Designmodo preview

DesignmodoLecturesUne publication qui propose à la fois des articles et des outils pratiques pour le web design.

99designs Discover preview

99designs DiscoverLecturesUn blog de design qui explore le branding et la réflexion créative qui le sous-tend.

Interfaces preview

InterfacesLecturesUne publication numérique mensuelle qui explore la conception des interfaces numériques.

makingsoftware.com

Making Software preview

Making SoftwareLecturesDes essais qui examinent comment les outils employés par les designers finissent par façonner leurs logiciels.

visualrambling.space

Visual Rambling preview

Visual RamblingLecturesDes essais visuels personnels qui explorent le design d'interface une idée à la fois.

degreeless.design

Degreeless Design preview

Degreeless DesignLecturesUne feuille de route d'apprentissage soignée pour quiconque souhaite maîtriser le design de produit.

SVG Guide preview

SVG GuideLecturesUn guide pour écrire du balisage SVG et l'animer, destiné aux designers et aux développeurs.

Animations.dev preview

Animations.devLecturesUn cours qui vous apprend à créer des animations web qui semblent vraiment justes.

UI Skills preview

UI SkillsLecturesUn cours couvrant les techniques pour concevoir des interfaces à l'aide de l'IA.

AI for UI preview

AI for UILecturesUn cours sur l'intégration des workflows d'IA dans votre processus de design d'interface.

UI Land preview

UI LandLecturesUne série d'entretiens avec des design engineers de premier plan sur leur métier.

Laws of UX preview

Laws of UXLecturesUn recueil de principes psychologiques qui déterminent le degré d'utilisabilité perçu d'une interface.

userinterface.wiki

User Interface Wiki preview

User Interface WikiLecturesUne base de connaissances qui documente en un seul endroit les lignes directrices et les règles du design d'interface.

The Shape of AI preview

The Shape of AILecturesUne bibliothèque de patterns qui met en lumière les patterns de design pour les interfaces propulsées par l'IA.

Sites d'inspiration UI et web design (122) — Designeer