Website-mockupgenerator voor mobiele en desktopweergaven
Website-mockupgenerator
Gratis website-mockupgenerator: wireframes en apparaatframes | We.Inc
Plan een pagina als wireframe met desktop- en mobiele weergaven, of sleep een screenshot in een browser-, laptop- of telefoonframe. Exporteer PNG of print naar PDF, gratis, in uw browser.
Twee tools in één. Wireframe-modus plant een pagina: kies de secties, zet ze in volgorde en vergelijk desktop- en mobiele lay-outs. Device frame-modus presenteert een afgewerkt ontwerp: upload een screenshot en plaats deze in een browservenster of telefoonframe voor een voorstel of social post. Beide exporteren een PNG, en beide draaien in uw browser. Uw screenshot wordt nooit geüpload.
Wireframe-modus: vink de secties aan die uw pagina nodig heeft, verplaats ze op en neer, en wissel tussen desktop en mobiel. Op mobiel stapelen kolommen zoals de meeste responsive sites dat doen.
Exporteer de wireframe als PNG, of print hem en kies Opslaan als PDF.
Device frame-modus: upload een PNG-, JPG- of WebP-screenshot (tot 15 MB en 8.000 pixels aan een zijde). Kies een browservenster of een telefoonframe, een achtergrondkleur en een optioneel adresbalklabel.
De afbeelding wordt op een canvas in uw browser getekend en geëxporteerd als PNG op dubbele schermresolutie.
Wanneer de structuur klopt, stuur het sectieplan als startbrief naar de We.Inc-bouwer.
Begin met de hero: zeg in één regel wat u doet en voor wie het is.
Zet bewijs (reviews, logo's, voorbeelden) dicht bij de eerste knop, waar mensen beslissen of ze u vertrouwen.
Controleer eerst de mobiele wireframe. De meeste bezoekers van een kleinbedrijfssite komen binnen via een telefoon.
Neem voor device frames de screenshot op de breedte die het frame verwacht: ongeveer 1440 pixels voor een browser en 390 voor een telefoon.
Label mockups als mockups wanneer u ze deelt, zodat niemand een plan voor een live site aanziet.
Veelgestelde vragen
Wat is het verschil tussen een wireframe en een mockup?
Een wireframe is een grijs-vak-plan van wat waar komt. Een mockup toont de afgewerkte look, vaak binnen een device frame. Deze tool doet beide, in aparte modi, en labelt elke export.
Wordt mijn screenshot geüpload?
Nee. De screenshot wordt gelezen en getekend in uw browser. Er wordt niets naar We.Inc of iemand anders gestuurd.
Kan ik hier een screenshot van een live site vastleggen?
Nee. Een andere site vastleggen vereist een server met een browser erop, wat deze gratis tool niet heeft. Maak zelf de screenshot (de ontwikkelaarstools van uw browser kunnen een volledige pagina vastleggen) en upload deze.
Kan ik een PDF exporteren?
Ja. Gebruik Afdrukken en kies Opslaan als PDF als printer. De PNG-export geeft u een afbeeldingsbestand.
Is de website mockup generator gratis?
Ja. Er is geen aanmelding, watermerk of limiet.
Plan op mobiel, presenteer op desktop
Lay-outs die er gebalanceerd uitzien op een breed scherm veranderen op een telefoon vaak in een lange scroll: drie kenmerkkolommen worden drie gestapelde blokken, en de prijstabel duwt het contactformulier ver naar beneden. De wireframe naar mobiel schakelen toont dat vroeg, terwijl een sectie verplaatsen nog maar één klik is.
Device frames zijn voor het andere uiteinde van het werk: een klant of een social-publiek laten zien hoe een afgewerkte pagina eruitziet. Een gewone screenshot in een net frame is meestal genoeg.