Offizielle Basis
Als erste Maßstäbe dienen Standardisierungsstellen, offizielle Dokumentation und Behörden.
Web-Ressourcen
Design, Inhalte und Medien
Design- und Medientools helfen dabei, eine Schnittstelle vorzubereiten, aber der Wert kommt von lesbaren Inhalten, konsistenten Komponenten und Assets mit klaren Nutzungsrechten. Testen Sie einen Prototyp mit echter Kopie.
Entwerfen Sie eine Karte, eine lange Seite und ein Formular mit echten Kopien und lizenzierten Medien. Testen Sie die Übersetzungserweiterung, Fehler und Telefongrößen, bevor Sie das System erweitern.
Ressourcen durchsuchenRedaktionelle Methode
Ein Verzeichnis, das nicht nur lang nützlich sein soll.
Jeder Eintrag hat eine klare Rolle und kehrt zu einem offiziellen Ziel zurück. Der Katalog vermeidet Linkfarmen, kopierte Beschreibungen und künstliche Ranglisten.
Professionelle Werkzeuge
Die etablierten Dienste werden nach tatsächlicher Verwendung klassifiziert: Erstellen, Hosten, Messen, Sichern, Veröffentlichen oder Bewerben einer Website.
Unabhängiges Lesen
Präsenz ist redaktionell und unbezahlt. Ein Formular ist weder eine Partnerschaft noch eine Garantie.
Vergleichen Sie bei drei konkreten Fragen
| Kriterium | Frage zu lösen |
|---|---|
| Nutzen | Hilft das visuelle oder die Komponente, eine Aktion zu verstehen oder auszuführen? |
| Rechte | Decken die Lizenz, Credits und Autorisierungen den beabsichtigten Einsatz ab? |
| Integration | Bleibt das Ergebnis auf der eigentlichen Seite lesbar, zugänglich und leicht? |
Führen Sie eine kurze Aufzeichnung der Entscheidung: Bedarf, Quelle, beobachtetes Ergebnis und Punkt, der noch bestätigt werden muss. Lassen Sie die gleiche Aufgabe bei jeder Lösung berücksichtigen, anstatt kommerzielle Listen von Merkmalen zu vergleichen.
Suche und Filter
Offizielle Ausgangspunkte für dieses Thema
Vergleichen Sie ihre Rolle und Dokumentation, bevor Sie ein Werkzeug auswählen. Die Präsenz in dieser Liste ist kein Ranking.
17 angezeigte Ressourcen
Der Link findet die Suche und Filter sowie die zum Vergleich ausgewählten Ressourcen.
Keine Ressourcen stimmen mit diesen Filtern überein. Versuchen Sie es mit einer breiteren Suche.
Vergleichen Sie bis zu drei Ressourcen
Wählen Sie Ressourcen aus den folgenden Blättern aus. Vergleichen Sie ihre Rolle und Verwendung, überprüfen Sie dann die Bedingungen, Kosten, den Datenexport und den Support auf offiziellen Websites. Die geografische Herkunft beschreibt den Herausgeber; Es beweist nicht den Ort des Hostings Ihrer Daten.
Keine ausgewählten Ressourcen.
Kollaboratives Schnittstellendesign, Prototyping und Designsysteme.
zu verwenden für: Testen Sie Komponenten mit realen Inhalten und Fehlerzuständen.
figma.comBesuchen Sie die offizielle Website
Suite für visuelle Kreation, Video, Verlagswesen und digitales Erlebnis.
zu verwenden für: Definieren Sie Lieferformate und Nutzungsrechte, bevor Sie Medien produzieren.
adobe.comBesuchen Sie die offizielle Website
Online-Grafikerstellung für Visuals, Präsentationen und soziale Inhalte.
zu verwenden für: Überprüfen Sie die Lesbarkeit, den Export und die Rechte von Elementen in einem endgültigen Bild.
canva.comBesuchen Sie die offizielle Website
Open-Source-Design- und Prototyping-Tool, das auf Webstandards basiert.
zu verwenden für: Bewerten Sie die Dateiübergabe und die Zusammenarbeit mit dem Entwicklungsteam.
Penpot.appBesuchen Sie die offizielle Website
Fotobibliothek unterliegt seinen eigenen Nutzungsbedingungen.
zu verwenden für: Überprüfen Sie die Lizenz, Relevanz und Darstellung des Themas vor der Veröffentlichung.
Geh zum Üben
unsplash.comBesuchen Sie die offizielle Website
Online Stockfotografie und Videobibliothek.
zu verwenden für: Wählen Sie ein Bild, das dem Kontext entspricht, und zeichnen Sie dessen Quelle und Begriffe auf.
Geh zum Üben
pexels.comBesuchen Sie die offizielle Website
Bibliothek mit Fotografien, Illustrationen, Videos und Audio.
zu verwenden für: Überprüfen Sie die Qualität und Rechte jedes Assets über seine Präsenz in der Bibliothek hinaus.
Geh zum Üben
pixabay.comBesuchen Sie die offizielle Website
Katalog von Webfonts und typografischen Informationen.
zu verwenden für: Wählen Sie einige Varianten und testen Sie das Laden, die Lesbarkeit und die Servicebedingungen.
fonts.google.comBesuchen Sie die offizielle Website
Icon-Bibliothek für Schnittstellen und Websites.
zu verwenden für: Verwenden Sie nur die erforderlichen Symbole mit zugänglichen Etiketten, wenn sie Bedeutung vermitteln.
fontawesome.comBesuchen Sie die offizielle Website
SVG-Icon-Sammlung für moderne Schnittstellen.
zu verwenden für: Überprüfen Sie die visuelle Konsistenz und die zugänglichen Namen der dargestellten Aktionen.
heroicons.comBesuchen Sie die offizielle Website
Öffnen Sie die Bibliothek mit konsistenten, anpassbaren SVG-Symbolen.
zu verwenden für: Halten Sie die Symbolbedeutung auf der gesamten Benutzeroberfläche konsistent.
Lucide.devBesuchen Sie die offizielle Website
Erzeugung und Erforschung der Farbpalette.
zu verwenden für: Testen Sie den Kontrast und die tatsächliche Verwendung, bevor Sie eine Palette abschließen.
Coolors.coBesuchen Sie die offizielle Website
Auswahl von Websites und digitale Designtrends.
zu verwenden für: Separate visuelle Inspiration von Lesbarkeit und Leistungsanforderungen.
awwwards.comBesuchen Sie die offizielle Website
Portfolios und kreative Projekte, die von Fachleuten veröffentlicht werden.
zu verwenden für: Studienpräsentationsoptionen, ohne geschützte Inhalte oder Grafiken zu kopieren.
Behance.netBesuchen Sie die offizielle Website
Designer-Community und Interface-Arbeitsgalerie.
zu verwenden für: Validieren Sie eine Schnittstellenidee auf einer kompletten Reise, nicht einen Screenshot.
dribbble.comBesuchen Sie die offizielle Website
Bibliothek von Flows und Bildschirmen aus digitalen Produkten.
zu verwenden für: Vergleichen Sie beobachtete Reisen mit den Bedürfnissen Ihres eigenen Publikums.
mobbin.comBesuchen Sie die offizielle Website
Leitfaden für Containerabfragen zum Anpassen einer Komponente an den verfügbaren Speicherplatz.
zu verwenden für: Testen Sie die gleiche Komponente in einer engen Spalte und einem Raster mit Langtext.
developer.mozilla.orgBesuchen Sie die offizielle WebsiteWählen Sie einen Ausgangspunkt
Was jede Kategorie hilft, zu entscheiden.
Diese Beispiele beleuchten die Verwendung; Sie sind weder ein Ranking noch eine kommerzielle Empfehlung. Überprüfen Sie die Dokumentation und die Bedingungen vor einer Entscheidung.
Design, Inhalte und Medien
Design- und Medientools helfen dabei, eine Schnittstelle vorzubereiten, aber der Wert kommt von lesbaren Inhalten, konsistenten Komponenten und Assets mit klaren Nutzungsrechten. Testen Sie einen Prototyp mit echter Kopie.
Punkte zu überprüfen- Testen Sie Handy-, Tastatur-, Fehler- und Langinhaltszustände.
- Überprüfen Sie die Bildrechte und die Übergabe von Quelldateien.
Übung: Entwerfen Sie eine Karte, eine lange Seite und ein Formular mit echten Kopien und lizenzierten Medien. Testen Sie die Übersetzungserweiterung, Fehler und Telefongrößen, bevor Sie das System erweitern.
Grenze zu wissen: Eine Designdatei allein kann Bildrechte, alternativen Text oder endgültiges Browserverhalten nicht begleichen.
Zugehöriger Leitfaden: So wählen und bereiten Sie Website-Bilder vor
Transparenz
eine Ressource oder Korrektur vorschlagen
Redaktioneller Umfang und Websites von Drittanbietern
Dieses nicht erschöpfende Verzeichnis wurde am 2. Oktober 2026 einer Konsistenzprüfung der Daten und Links unterzogen. Einige Websites beschränken die automatischen Überprüfungen. Es enthält externe Links zu unabhängigen Websites. Ihre Verfügbarkeit, Inhalte, Preise, Cookies und Bedingungen können sich ändern. Française du Numérique Kontrollieren Sie sie nicht und erhalten Sie keine Provision für ihre Anwesenheit.
Verzeichnisfragen
Auswahl, Unabhängigkeit und Updates.
Die redaktionelle Auswahl bevorzugt primäre und offizielle Quellen, anerkannte Normungsgremien, weit verbreitete professionelle Tools, spezialisierte Medien und aktive Gemeinschaften, die direkt mit der Erstellung, dem Betrieb, der Sicherheit oder der Förderung von Websites verbunden sind. Jeder Eintrag muss eine identifizierbare Funktion, einen klar benannten Editor und ein offizielles Ziel haben. Der Katalog ist unabhängig, nicht erschöpfend und will nicht alle verfügbaren Dienstleister klassifizieren. Eine Ressource kann entfernt werden, wenn sie schließt, ihr Objekt tief ändert, irreführend wird oder nicht mehr genügend praktischen Wert bringt. Das Überprüfungsdatum zeigt die letzte globale Überprüfung des Katalogs an; Es garantiert nicht, dass jede externe Seite unverändert bleibt. Vor der Nutzung eines Dienstes ist es daher erforderlich, seine Preise, Bedingungen, Vertraulichkeitsregeln, Sicherheitsniveau und Angemessenheit in der offiziellen Dokumentation zu bestätigen.
Nein. Ein Blatt ist eine dokumentarische Referenz, keine Zertifizierung, eine Partnerschaft, ein Sicherheitsaudit oder eine kommerzielle Empfehlung. Die referenzierten Organisationen bleiben für ihre Produkte, Inhalte, Preise, Verfügbarkeit, Cookies, Datenverarbeitung und Vertragsbedingungen verantwortlich. Eine Ressource kann je nach Budget, anwendbarem Recht, technischen Anforderungen und Fähigkeiten des Teams an ein Projekt angepasst und einem anderen unangemessen sein. Française du Numérique Erhält keine Provision für das Vorhandensein einer Site in diesem redaktionellen Verzeichnis. Bevor Sie ein Konto erstellen, einen Service kaufen oder Daten anvertrauen, ist es ratsam, die offizielle Dokumentation, die aktuellen Bedingungen, die Exportmöglichkeiten, den Support und die unabhängigen verfügbaren Elemente zu konsultieren. Eine Entscheidung über eine rechtliche, finanzielle oder sicherheitspolitische Frage kann die Beratung eines qualifizierten Fachmanns erfordern.
Ja, das tue ich. Das Suchfeld untersucht Ressourcennamen und redaktionelle Designs, während Filter die Liste nach Kategorie, geografischer Herkunft und Ressourcentyp einschränken. Die Suche und Sortierung erfolgt lokal im Browser: Die eingegebenen Wörter werden nicht an eine Drittanbieter-Engine übertragen. Die Kombination mehrerer Filter kann keine Ergebnisse erzeugen, während sich eine nützliche Ressource in einer benachbarten Kategorie befindet. Es reicht dann aus, ein Kriterium zu entfernen oder einen größeren Begriff zu verwenden. Die Beschreibungen bleiben absichtlich synthetisch und listen nicht alle Funktionen eines Dienstes auf. Offizielle Dokumentationen sollten vor jeder Entscheidung konsultiert werden, um die aktuellen Fähigkeiten, Bedingungen und Preise zu überprüfen.
Verwenden Sie die Kontaktseite, indem Sie den Ressourcennamen, seine offizielle Adresse, den Herausgeber, die relevante Kategorie und eine kurze Erläuterung der Nützlichkeit für Fachleute oder Webprojektmanager angeben. Geben Sie für eine Korrektur das betreffende Blatt und die Informationen an, die ungenau oder alt erscheinen, wenn möglich mit einer Primärquelle. Jeder Vorschlag wird vor der Veröffentlichung gelesen und kann abgelehnt werden, wenn er einen vorhandenen Eintrag reproduziert, hauptsächlich Werbung, keinen identifizierbaren Verlag hat, ein vermeidbares Risiko darstellt oder den Umfang des Verzeichnisses verlässt. Ein Vorschlag garantiert keine Veröffentlichung oder einen bestimmten Ort, und dieses redaktionelle Verfahren sieht keine kostenpflichtige Referenzierung vor.