Website-Wireframe online
Füge die Blöcke in der Reihenfolge der Seite hinzu, ziehe sie an ihren Platz und ziehe an der Ecke, um die Größe zu ändern. Klicke auf einen Block, um den Text zu ändern.
So geht’sDer Entwurf der Seite, Block für Block
Verfügbar auf: 
Website-Wireframe online: wofür es gut ist
Baue den Entwurf der Seite mit fertigen Blöcken (Kopfbereich, Banner, Titel, Text, Bild, Button, Karten, Formular, Video, Fußbereich und freie Box), ziehe sie an ihren Platz und ziehe an der Ecke, um die Größe zu ändern, mit Ausrichtung in 10-Pixel-Schritten.
Wähle die Breite für Computer (1200 px) oder Handy (390 px) und lade den Wireframe als PNG oder SVG zur Abstimmung mit dem Kunden herunter.
So geht’s
- Wähle die Breite der Seite.
- Füge die Blöcke hinzu und ziehe sie.
- Lade den Wireframe als PNG oder SVG herunter.
Wann nutzen
- Das Layout mit dem Kunden abstimmen.
- Eine Landingpage planen.
- UX- und Designunterricht.
Häufige Fragen
Was ist ein Wireframe?
Es ist der Entwurf der Struktur einer Seite, in Grau, ohne Farben, Fotos oder endgültige Texte. Er zeigt, wo alles liegt (Menü, Banner, Aufrufe, Formular), um das Layout mit Kunde oder Team abzustimmen, bevor Zeit ins Design fließt.
Wie ändere ich die Größe eines Blocks?
Klicke auf den Block und ziehe das blaue Quadrat in der unteren rechten Ecke. Die Blöcke richten sich in 10-Pixel-Schritten aus, damit alles leicht gerade wird. Die Entf-Taste löscht den ausgewählten Block.
Kann ich eine Handyversion machen?
Ja. Stelle die Breite vor dem Start auf Handy: Die Seite wird 390 Pixel breit, wie der Bildschirm eines normalen Handys, und neue Blöcke kommen gleich in der richtigen Größe.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.