Drücke die Tasten ◄ ► für weitere Artikel  

Wireframe.cc: Schnell und einfach Entwürfe für Webseiten erstellen

Bevor sich ein Webdesigner an die Feinheiten eines neuen Projekts macht, gilt es möglichst einfach und schnell Entwürfe anzufertigen. Mit Wireframes.cc gibt es ein minimalistisches Tool, das nach dem Keep-it-Simple-Prinzip arbeitet und bislang kostenlos ist.

Wireframe.cc: Schnell und einfach Entwürfe für Webseiten erstellen

Einfache Wireframes im Browser erstellen

Wireframe-Tools gibt es mittlerweile eine ganze Reihe, dazu gehört auch Wireframe.cc. Das browserbasierte Tool wirbt für sich mit einer besonders einfachen und schnellen Möglichkeit zur Anfertigung von Entwürfen für Webseiten oder Webanwendungen. Bei der ersten Betrachtung wirkt die schlicht weiße Ausgangsvorlage allerdings fast zu simpel, denn auf Werkzeug-Paletten oder Design-Elemente als Vorlagen wird komplett verzichtet.

Wer einen einfachen und schnellen Entwurf benötigt, findet mit Wireframe.cc eine kostenlose Lösung.

Statt Vorlagen in den noch leeren Entwurf zu ziehen und dann wie gewünscht anzupassen, zieht man mit einem Mausklick einfach ein neues Element auf und bekommt dann Werkzeuge zum Bearbeiten angezeigt. Zur Auswahl stehen, wie bei anderen Tools auch, Rechtecke, Kreise, Platzhalter für Bilder, Text, Aufzählungen, Navigation, Überschriften und Textelemente. Zusätzlich gibt es noch die Möglichkeit ein Feld für Anmerkungen einzufügen, dass sich auch verstecken lässt.

Mit einem Doppelklick auf ein eingefügtes Objekt lässt sich dieses bearbeiten und beispielsweise farblich gestalten. Ist der Entwurf letztlich fertig, so kann man ihn einfach speichern und bekommt dann einen Link angezeigt, über den man den Wireframe beispielsweise mit einem Kunden teilen kann.

Wireframes.cc für mobile Webseiten

Neben dem Standard-Template für einen Desktop-Browser gibt es auch noch zwei mobile Templates. Über die Navigation ganz links oben lässt sich entweder ein Smartphone-Template im Hochformat oder ein Landscape-Template auswählen. Alles andere funktioniert dann genauso wie beim großen Template.

Auch für mobile Seiten gibt es Templates.

Derzeit ist Wireframe.cc komplett kostenlos nutzbar. Eine kostenpflichtige Premiumversion mit zusätzlichen Funktionen ist allerdings schon angekündigt und soll das Angebot demnächst abrunden.

Ein weiteres Tool zu Anfertigen von Entwürfen für Websites hatten wir euch hier schon vorgestellt.

Welches Wireframe-Tool nutzt ihr denn für eure Projekte?

Weiterführende Links:

108 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
8 Antworten
  1. von Kay am 07.01.2013 (09:25Uhr)

    Danke für den Tipp, geht doch schneller und besser als in Potoshop

  2. von Mario am 07.01.2013 (10:17Uhr)

    Ich nutze zur Erstellung von Mockups das Tool. Balsamiq Mockups. Kann man sieben Tage kostenlos testen, danach muss man einmalig eine Lizenz erwerben und erhält danach immer wieder updates.

  3. von Jakub am 07.01.2013 (15:05Uhr)

    Ich nutze bisher auch für die meisten Projekte Balsamiq Mockups, finde aber diese Webbasierenden alternativen sehr schick und praktisch. Ist auf jedenfall mal einen Blick wert.

  4. von Franziska am 08.01.2013 (15:46Uhr)

    Ich benutze http://www.pidoco.com, webbasiert, Toll finde ich, dass es auch für mobile Geräte geht, so kann man direkt auf dem Ipad das wireframe, dass man erstellt hat anschauen. Da ich oft remote arbeite, ist auch das parallele Arbeiten am gleichen Mockup wichtig. Auch der Export der Daten in diversen Formaten habe ich bisher bei keinem anderen Tool gefunden.

  5. von Meine Lesetipps: Januar 65 Links - webde… am 18.03.2013 (16:07Uhr)

    [...] Wireframe.cc: Schnell und einfach Entwürfe für Webseiten erstellen: Wireframe-Tools gibt es mittlerweile eine ganze Reihe, dazu gehört auch Wireframe.cc. Das browserbasierte Tool wirbt für sich mit einer besonders einfachen und schnellen Möglichkeit zur Anfertigung von Entwürfen für Webseiten oder Webanwendungen. – http://t3n.de/news/tool-tipp-wireframes-434832/ [...]

  6. von Meine Lesetipps: Februar 91 Links - webd… am 18.03.2013 (16:09Uhr)

    [...] Wireframe.cc: Schnell und einfach Entwürfe für Webseiten erstellen: Wireframe-Tools gibt es mittlerweile eine ganze Reihe, dazu gehört auch Wireframe.cc. Das browserbasierte Tool wirbt für sich mit einer besonders einfachen und schnellen Möglichkeit zur Anfertigung von Entwürfen für Webseiten oder Webanwendungen. – http://t3n.de/news/tool-tipp-wireframes-434832/ [...]

  7. von Links der letzten Tage / Wochen und Mona… am 09.08.2013 (18:05Uhr)

    […] Wireframe.cc: Schnell und einfach Entwürfe für Webseiten erstellen » t3n - […]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Webdesign
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“

Möchte man für unterschiedliche Geräte anpassungsfähige Websites erstellen, ist „Responsive Webdesign“ das Stichwort. Um sich damit vertraut zu machen, ist Designern und Entwicklern das Buch.. ... » weiterlesen

SVGMagic: Automatischer SVG-Fallback für deine Webseite
SVGMagic: Automatischer SVG-Fallback für deine Webseite

SVG-Grafiken sind seit Responsive Webdesign und Retina-Display kaum hoch wegzudenken. Fall-Back-Lösungen sind jedoch ein hartes Stück Arbeit. Mit SVGMagic soll sich das ändern – wir zeigen euch w ... » weiterlesen

Responsive Webdesign: Dieser Browser stellt Mobil- und Desktop-Ansicht nebeneinander
Responsive Webdesign: Dieser Browser stellt Mobil- und Desktop-Ansicht nebeneinander

Duo ist ein Browser, der dabei helfen soll, Responsive Webdesign zu testen. Dazu stellt er eine mobile Ansicht neben einer Desktop- oder Tablet-Ansicht dar. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 35 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen