Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
Menü
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Anmeldung
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
    • Berlin

    • Bonn

    • Dortmund

    • Dresden

    • Duisburg

    • Düsseldorf

    • Essen

    • Frankfurt am Main

    • Freiburg

    • Hamburg

    • Hannover

    • Köln

    • Leipzig

    • München

    • Nürnberg

    • Stuttgart

    • Wien

    • Zürich

  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web Logo seit 1997.
  • Agentur finden
  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web » Essentials » Wireframes und Flowcharts – 20 nützliche Werkzeuge

Wireframes und Flowcharts – 20 nützliche Werkzeuge

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • Keine Kommentare
Lesedauer: 4 Minuten
  • von Dr. Web Redaktion
  • 10. Oktober 2016

Inhaltsverzeichnis

Das Stadium des Wireframes finde ich stets am besten. Hier fließt Inspiration. Hier macht die Arbeit Spaß. Endlich nimmt eine reine Idee Formen an. Auch wenn manche Designkollegen Wireframes als reine Drahtmodelle geringschätzen, so sind sie für mich viel mehr als das. Wenn man einen Wireframe detailreich anlegt, kann es der entscheidende Erfolgsfaktor sein.

Natürlich ist es nicht schwer, haufenweise nützliche Tools zu finden, die das Versprechen geben, dir die Arbeit an Wireframes total einfach zu machen. Im Gegenzug sollst du bloß einen Haufen Geld auf die Theke legen. Sicherlich verfügen Boliden, wie Balsamiq, Axure, Visio und einige andere über einen ganzen Sack voll Features und lassen buchstäblich nichts zu wünschen übrig. Aber es geht auch anders, nämlich billiger und mit etwas mehr Handarbeit. Und ist nicht gerade Handarbeit das, was Design ausmacht?

In meinem heutigen Beitrag zeige ich dir kostenlose Sammlungen mit Elementen für Wireframes und Flowcharts. Ich habe sogar holzbasierende Werkzeuge aufgenommen, falls du mehr so der Old-School-Entwurfsdesigner bist. Viel Spaß beim Stöbern.

Titel: PSD Wireframes for Phones Reviews – Material Design

wirebase kit
Erstellt von: Abdulhameid Grandoka
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Wirebase

bluish wirebase
Erstellt von: Patryk Zabielski
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Wireframe Landing Page Free PSD file

landing page wireframe
Erstellt von: Dorin007
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: UX Flow Screens

ux flow sreens
Erstellt von: Mark Wilson
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Material Design Wireframe Kit v_02 

material design ui
Erstellt von: Dan Shipley
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Moon Wireframe Kit

moon wireframe kit
Erstellt von: George Frigo
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: iPhone Wireframes

iphone wireframes
Erstellt von: Phil Goodwin
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Flowchart Kit for Sketch

flowchart kit
Erstellt von: Arthur Guillermin Hazan
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: UX Wireframe Set

wireframe set
Erstellt von: Michal Koczor
Lizenz: laut Ersteller für jeden Zweck frei verwendbar

Titel: Flat Wireframe Elements

flat wireframe
Erstellt von: Marek Dlugos
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Wireframe for Apps

wireframe for apps
Erstellt von: madefordesigners
Lizenz: frei für private und kommerzielle Nutzung

Titel: Sketch Wireframe

sketch wireframe
Erstellt von: The Gentlemans Mustache
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: 38 Psd Cards for Flowcharts

psd charts
Erstellt von: Volodymyr Kurbatov
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Wireframer Icon Pack

wireframer icon pack
Erstellt von: Eugene Dobrik
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: 15 eCommerce screens

ecommerce wireframe kit
Erstellt von: Material Mockups
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Wireup the Web

wireup the web
Erstellt von: Bala
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Free Mockup Of Web Design Sketch For Demo (PSD)

web design sketch
Erstellt von: UIUX Lab
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Titel: Hand Drawn iPhone 6s Ui Kit

hand-drawn kit for iphone6
Erstellt von: Vladimir Carrer
Lizenz: frei für die private und kommerzielle Nutzung

Titel: Apple Watch Wireframe for SketchApp 

apple watch wireframe
Erstellt von: Rémi Fayolle
Lizenz: frei für private und kommerzielle Nutzung

Titel: Free Wireframe Asset EPS

printable wireframe asset
Erstellt von:  Ashley Porciuncula
Lizenz: als „Free“ bezeichnet, aber keine dezidierte Lizenz angegeben

Dr. Web Redaktion

Dr. Web Redaktion

An einem „Dr. Web Redaktion“ Artikel arbeiten i.d.R. mehrere Autoren, unter anderem Michael Dobler, und Markus Seyfferth.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

Haurand Webdesign WordPress Aaachen

Haurand Webdesign

Aachen

Logo der Online Marketing Experts aus Augsburg.

Online Marketing Expert Team

Augsburg

Wolli Ruf Mediendesign Agentur Freiburg.

wolli ruf – mediendesign

Freiburg im Breisgau

Agentur novomyo Logo.

novomyo – Online Marketing Agentur

Hamburg

Marco Wydmuch von Glamourpixel fotografiert sich selbst mit einer Canon-Kamera in der Hand.

Glamourpixel Fotodesign

Gelsenkirchen

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Die passende Digitalagentur finden: Das solltest Du beachten

Wir unterstützen Dich bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
SEO Agentur

SEO Agentur

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Mitarbeiter einer WordPress-Agentur mit einer Tasse Kaffee im Vordergrund.
WordPress

WordPress — eine gute Wahl für Ihre Unternehmenswebsite?

Hier finden Sie ein ausführliches FAQ zu WordPress als Entscheidungshilfe und eine Auswahl von professionellen WordPress Agenturen.

→

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑