1. Website Mock ups en Templates maken

Gratis Website Mock up en templates maken

Breng je website dichter bij de realiteit met een prachtige website mock-up. Zie hoe je je ontwerpen kunt verfijnen en presenteren aan klanten, investeerders en belanghebbenden. Gebruik de gratis online website of telefoon modelgenerator van Canva(wordt op een nieuw tabblad of venster geopend) om je ideeën in een paar klikken visueel te communiceren.

Create Website Mockups Lead

Ademen leven in uw website ontwerpen

Het ontwikkelen van een virtuele ruimte kan maanden duren voordat deze klaar is, maar een gratis website mock-up kan binnen enkele seconden worden gedaan. Probeer de maker van de Canva website mock-up om de uiteindelijke look van je website direct te verfijnen en te bekijken. Wij maken het gemakkelijk om fotorealistische website mockups te produceren die je ontwerpen presenteren op verschillende schermen en apparaten.

Gebruik onze samengestelde verzameling mock-up sjablonen om je te helpen in elke fase van je ontwerpen. Test uw eerste ideeën, toon ze aan belanghebbenden en bespreek vervolgens problemen met het ontwerpen en de functionaliteit op basis van Feedback. Poets je eindproduct en voeg het toe aan je portfolio met ontwerpen. Met Canva 's online website mock-up generator is het een fluitje van een cent om concepten om te zetten in levende creaties.

Hoe maak je mockups voor websites

Begin van lijst: Hoe maak je mockups voor websites

Canva opstarten

Open Canva voor toegang tot onze website mock-up maker. Op de homepage klik je op Apps en kies je Modellen. Typ 'Website' in de zoekbalk om met je ontwerpen te beginnen.

Een sjabloon voor een model kiezen

Blader door onze collectie website mock-up sjablonen. Kies uit een groot aantal schermformaten en apparaten. Klik vervolgens op het gekozen sjabloon.

Je website ontwerpen uploaden

Upload uw website ontwerpen op de sjabloon door te klikken op Selecteren. Kies uit je eerder geüploade afbeeldingen en ontwerpen op Canva of klik op Uploaden om een nieuwe afbeelding voor je model toe te voegen.

Pas je model van je website aan

Zodra je een voorbeeld van je website mock-up hebt, kun je aanpassingen maken door op Aanpassen afbeelding te klikken. Pas de grootte, uitlijning en richting van je ontwerpen aan in de mock-up. Druk vervolgens op Opslaan.

Downloaden of gebruiken in een ontwerpen

Klik op Mock-up opslaan om je werk af te ronden. Kies Downloaden om je model op te slaan als een PNG bestand met hoge resolutie of gebruik het in een ander Canva project door In een ontwerpen gebruiken te selecteren.
Einde van lijst: Hoe maak je mockups voor websites
website mock-up maken

Open Canva voor toegang tot onze website mock-up maker. Op de homepage klik je op Apps en kies je Modellen. Typ 'Website' in de zoekbalk om met je ontwerpen te beginnen.

Blader door onze collectie website mock-up sjablonen. Kies uit een groot aantal schermformaten en apparaten. Klik vervolgens op het gekozen sjabloon.

Upload uw website ontwerpen op de sjabloon door te klikken op Selecteren. Kies uit je eerder geüploade afbeeldingen en ontwerpen op Canva of klik op Uploaden om een nieuwe afbeelding voor je model toe te voegen.

Zodra je een voorbeeld van je website mock-up hebt, kun je aanpassingen maken door op Aanpassen afbeelding te klikken. Pas de grootte, uitlijning en richting van je ontwerpen aan in de mock-up. Druk vervolgens op Opslaan.

Klik op Mock-up opslaan om je werk af te ronden. Kies Downloaden om je model op te slaan als een PNG bestand met hoge resolutie of gebruik het in een ander Canva project door In een ontwerpen gebruiken te selecteren.
website mock-up maken

Responsieve web modellen binnen handbereik

Bekijk hoe je website eruitziet op verschillende schermen, apparaten en instellingen, nog voordat deze is ontwikkeld. Profiteer van Canva 's Mock-up website generator en presenteer je web ontwerpen op een boeiende manier. Blader door en kies uit onze uitgebreide bibliotheek van responsieve mock-up sjablonen. Van smartphones en tablets tot laptops en desktopschermen, maak snel een gratis website mock-up, ongeacht je apparaat.

Onze website mock-up voorbeelden zijn er in verschillende achtergronden, instellingen en hoeken. Kies er een die aansluit bij je visie en visuele aantrekkingskracht toevoegt aan de presentatie van je website. Met Canva kun je levensechte website mockups maken die indruk maken op het publiek en je ontwerpen laten goedkeuren. Met Canva kan dat.

Pas de mock-up aan zoals jij dat wilt

Bij het produceren van mockups wil je een tool waarmee je meer kunt doen dan je ontwerpen op een sjabloon zetten en ermee stoppen. Met onze gratis website mock-up tool kun je je mock-up aanpassen aan je specificaties. Kies of het ontwerpen van je website het scherm moet vullen of passen. Aanpassen van de uitlijning en de oriëntatie wijzigen door je ontwerpen verticaal of horizontaal om te draaien. Sla je werk vervolgens op in je Canva-account zodat je het onderweg kunt openen en bewerken.

Maak indruk op het publiek met een prachtige website presentatie

Een professionele en boeiende presentatie op de website maakt het gemakkelijker om indruk te maken op klanten en nieuwe klanten aan te trekken. Of je nu een beginner of een doorgewinterde ontwerper bent, haal het meeste uit onze mock-up generator voor website met meerdere apparaten om je vaardigheden te laten zien. Zodra je klaar bent, kun je het direct delen met klanten, investeerders en belanghebbenden. Je kunt het zelfs gebruiken als promotiemateriaal voor de lancering van je nieuwe website!(wordt op een nieuw tabblad of venster geopend)

Je kunt ook je web model toevoegen aan je portfolio met ontwerpen(wordt op een nieuw tabblad of venster geopend). In plaats van screenshots of links kunnen potentiële klanten de unieke functies en componenten van je ontwerpen beter zien. Met de web model generator van Canva kun je de kwaliteit van je werk verhogen en je klantenbestand in een mum van tijd uitbreiden.

FAQ

Een website mock-up laat zien hoe een webpagina of website er op schermen en apparaten uitziet voordat deze live gaat. Hiermee kun je de lay-out en structuur van de website zien en zie je waar ontwerpen zoals de koptekst, het navigatiemenu, tekst, knoppen en afbeeldingen op de website verschijnen.

Met veel software en apps voor ontwerpen kun je online modellen maken. Maar om tijd en middelen te besparen, gebruik je onze computer- en mobiele mock-up generator. Kies uit onze samengestelde galerij met realistische mock-up sjablonen en uploaden van je website ontwerpen. Maak aanpassingen met slechts een paar klikken met onze intuïtieve tools. Dan kun je je gratis mock-up website opslaan en downloaden voor later gebruik.

Website mockups zijn een essentieel onderdeel van het web ontwerpen. Ze communiceren visueel hoe het eindproduct eruit komt te zien, wat op basis van Feedback verbeterd kan worden. Bovendien maken ze het gemakkelijk om problemen met het eerste ontwerpen en de functionaliteit op te sporen en aan te pakken. Na de lancering van de website kun je je mock-up aan je ontwerpen portfolio toevoegen en potentiële klanten aantrekken.

Ontdek meer mock-up mogelijkheden


Meer ontwerpen


Sjablonen bekijken