Mockups är ett bra sätt att visa upp din webbplats, app eller någon produkt från ditt varumärke. Det ger användarna en tydlig uppfattning om ditt företag och förmedlar ditt budskap till din publik.

Canva erbjuder dussintals mallar och funktioner för dig att förbättra din design. Även om du inte är en professionell grafisk designer kan du enkelt skapa fantastiska mönster på plattformen på nolltid.

I den här artikeln kommer vi att visa dig hur du skapar en mockup för att visa upp din webbplats på en design med Canva. Så här gör du...

1. Registrera dig eller logga in på Canva

Ett enkelt och användarvänligt gränssnitt gör att du kommer igång med Canva en bris. Om du är ny på plattformen, registrera dig med ditt e-post-, Google-, Facebook- eller Apple-konto för att börja.

2. Välj dina designmått

När du har loggat in på plattformen väljer du de designmått du vill ha för ditt projekt. Klicka på Skapa en design i det övre högra hörnet på skärmen och välj något av alternativen du föredrar. Från att designa en logotyp till en YouTube-miniatyr, kan du skapa allt och allt med Canva.

instagram viewer

När du är klar kommer du att dirigeras till en tom duk där du kan anpassa din design som du vill.

3. Ladda upp din webbplatsbild

Nästa steg är att välja din webbplats skärmdumpar för att förvandlas till en mockup. Du kan lägga till två skärmdumpar av din webbplats – en med skrivbordet och en annan med telefonen. För att göra det, klicka på Ladda upp på den vänstra panelen och välj sedan bilderna för att lägga till dem i din design.

4. Välj Smartmockups

När du har lagt till dina bilder klickar du på bilden för att se Redigera bild alternativet i verktygsfältet. Scrolla ner till Smarta mockups och välj något av alternativen med en dator, telefon eller bärbar dator för att visa upp din webbplats.

5. Anpassa din mockup

Du kan anpassa din mockup för att fixa placeringen och storleken. För att göra det, klicka på din valda mockup för att se tre alternativ—Fyll, passa, och Beställnings. Välja Fylla om du vill att din mockup ska fylla bilden helt och hållet Passa om du vill att den ska sitta tätt.

För att manuellt fixa placeringen av din bild, välj Beställnings och dra Horisontell och Vertikal reglagen tills modellen är precis där du vill ha den. På samma sätt kan du ändra storlek på din mockup genom att justera Storlek reglaget.

6. Lägg till text och element

Canva erbjuder massor av designelement och anpassningsalternativ. Till få ut det mesta av detta program, kan du lägga till element som ett sökfält och skriva in ditt webbplatsnamn. Om du har Canva Pro-prenumeration, kan du dra nytta av alla premiumelementen.

Dessutom kan du ändra bakgrundsfärgen, lägga till din text och välja det bästa typsnittet för att avsluta din design.

7. Ladda ner och dela din design

Slutligen, när du är klar med designen, kan du ladda ner den i JPG eller PNG. För att göra det, klicka på Dela med sig i det övre högra hörnet av verktygsfältet ovanför designen. Dessutom låter Canva dig schemalägg din design direkt från plattformen, så att du kan skapa, planera och dela allt från ett ställe.

Visa upp din webbplats genom att göra en modell i Canva

Dessa steg hjälper dig att skapa imponerande mockup-designer av din webbplats i Canva. Med en mängd praktiska verktyg tillgängliga på plattformen kan du skapa vilken typ av mockup du vill. Lek med din design och få några idéer från mallbiblioteket också för att ta reda på vad som fungerar bäst för dig.

Hur man skapar en e-bok med Canva

Läs Nästa

Dela med sigTweetDela med sigE-post

Relaterade ämnen

  • Kreativ
  • Grafisk design
  • Tips för bildredigering
  • Canva

Om författaren

Shreeya Deshpande (21 publicerade artiklar)

Shreeya är en teknikentusiast och tycker om att hänga med i de senaste tekniska framstegen. När hon inte skriver om teknik kan du hitta henne på resande fot eller läsa hennes favoritroman!

Mer från Shreeya Deshpande

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e-böcker och exklusiva erbjudanden!

Klicka här för att prenumerera