Hur man skapar en Keynote Presentation Mall Design

Att utforma bra Keynote-presentationer är inte lika utmanande som du kanske tror. Genom att använda ett pålitligt arbetsflöde, göra bra estetiska val och svara på de rätta frågorna ställer du dig själv på att utforma en framgångsrik Keynote-presentation. När du är klar kan du spara din Keynote-presentationsmalldesign som ett tema att använda om och om igen.

I huvudsak kan vi sammanfatta arbetsflödet i följande steg:

  1. Ställ in din historia
  2. välj artriktningen
  3. wireframe dina bilder
  4. utforma din presentationsmall
  5. finjustera animationen
  6. spara ditt sista tema

Resultaten av någon presentation är en återspegling av kvaliteten på ditt innehåll och hur bra du levererar ditt meddelande, men det beror också på din underliggande presentationsdesign.

Guide till att göra stora presentationer (gratis eBook Download)

Innan du hoppar in i denna handledning, var noga med att ladda ner vår gratis eBook: Den fullständiga guiden för att göra bra presentationer. Det kommer att hjälpa dig inte bara att designa, men också komma med killer presentation idéer, skriva effektivt och sätta ihop den perfekta presentationen. 

Om du också behöver en professionell designlösning direkt kan du bläddra igenom vår samling av Keynote-presentationsmallar på GraphicRiver. Annars, låt oss titta på hur du utformar din egen.

Design stöder din presentation

Design är grunden till allt innehåll i din presentation. Det förbättrarmeddelandet som du arbetar för att förmedla. Det gör storytelling enklare genom att visa visuella tillgångar som fotografi, illustrationer och animationer för att framföra din historia. 

En väl utformad presentation förstärker meddelandet som du säljer.

Framgångsrika presentationer beror på styrkan i din design så mycket som ditt råa innehåll. Med ett Keynote-tema unikt utformat för din publik och ditt meddelande, är du beväpnad att göra en inverkan. Låt oss titta på processen.

1. Definiera din målgrupp och historia

Innan du öppnar Keynote börjar allt med att skapa en berättelse. Välformade presentationer har en början, mitten och slutet. Du bör undvika en linjär presentation av fakta, men snarare skapa en fluidhistoria. 

Denna strategi hjälper till att hålla publiken engagerad under presentationer, vilket är särskilt viktigt om du ger längre som det är lätt att förlora publikens uppmärksamhet.

Sätt din publik först

Definiera vilken publik du talar för. Tänk på hur du kan översätta innehållet till en historia som de kan relatera till. För denna tutorials skull använder vi följande exempel för att skapa vårt Keynote-presentationstema: En start är att lägga sin produkt till en publik av potentiella användare och investerare. 

Craft Your Presentation Story

Med vår publik i åtanke är nästa steg att bestämma historien. Startups använder ofta följande storyline för att presentera sin tonhöjd:

  1. Presentera problemet (ofta en personlig erfarenhet).
  2. Beskriv vägen till lösningen.
  3. Presentera lösningen (produkten eller tjänsten).
  4. Beskriv vad som gör lösningen bra (sälja produkten eller tjänsten).

Utifrån det har vi en grov struktur om hur vi ska berätta vad vi behöver säga i form av en sammanhängande historia. 

2. Planera artriktningen för din plats

Nu är det dags att börja med den verkliga designen för din Keynote-presentation. Varför behövde vi en historia som beskrivits ovan innan vi kunde starta designen? Berättelsen kommer att påverka din konstriktning och visuell stil.

Välj dina visuella element

Baserat på din berättelse kan du definiera vilken typ av visuella element du vill använda i presentationsdesignen. Du har en mängd olika alternativ för vilken typ av visuella element du vill använda:

  • fotografier
  • illustrationer
  • ikonografi
  • animering

Överväg Branding Needs

En annan viktig faktor för konstriktningen är branding. Om du skapar en presentationsmalldesign för ett visst företag, se till att de har riktlinjer för branding på plats. 

Kanske finns det ingen formell dokumentation om deras branding, men det kan finnas en konsekvent användning av teckensnitt och färger. I grunden är det för konstriktningen inte nödvändigt att uppfinna hjulet utan snarare respektera ett befintligt varumärke hos kunderna.

Om du utformar en presentation för ett företag måste du respektera deras befintliga branding.

Naturligtvis, om det inte finns något märke, har du mycket mer frihet att designa din Keynote-mall som du vill. 

Story as a Katalysator till Design

Berättelsen bakom en presentation är till hjälp för att låsa beslut om de visuella elementen i din presentation. Historien ska förmedla känslor som motiverar publiken du riktar in. Du kan göra designbeslut baserat på det konceptet. 

Innan du öppnar Keynote är dessa typiska steg jag tar: 

  1. Definiera vad stämningen i däcket kommer att baseras på historien. Detta kommer att påverka mina designbeslut.
  2. Låsa ned vilken typ av bildtillgångar som ska användas och samla in material som ska användas (t.ex. Vilket tema för fotografi eller stil av illustrationer ska jag använda?).
  3. Låsa ner färgschemat och typografi (Detta är vanligtvis baserat på riktlinjer för märkning).
En liten stil guide jag har skapat för startpresentationen vi ska arbeta på. Ovanstående ger riktlinjer för mig själv när det gäller färger, typografi och vilken typ av foton jag vill använda som jag designar i Keynote.

I vårt exempel som vi använder i den här handledningen skapar vi en presentationsdesign för en start som säljer flaska juice. Det befintliga varumärket har ett starkt fokus på varma färger eftersom det är en produkt som ska få människor att må bra om sig själva. Vi kan uttrycka dessa typer av känslor genom djärv typografi, varma färger och fotografering där människor är i situationer som de känner sig lyckliga. 

3. Wireframe Your Presentation Slides

Vi har en historia och en visuell riktning för vårt däck, nästa steg är att definiera presentationsstrukturen. 

Den mest effektiva metoden jag hittat är att använda papper och penna för att bara börja skissa olika bilder. Tanken är att snabbt prototyper ett antal presentationer av hur bilderna ser strukturellt ut. Jag utmanar mig själv att inte spendera mer än 15 sekunder per bild. Jag ritar grova linjer för att ange var texten är placerad, där visuella är placerade och hur jag delar upp historien i olika bilder.

När jag har ett antal variationer väljer jag de bästa och börjar definiera vad de olika bildmallarna kommer att bli. För ett däck på runt 20 bilder har jag vanligtvis ca 4-6 mallglas som jag använder för att skapa hela presentationen.

Tanken är att du ritar i ungefär en halvtimme och sedan börja med produktdesignen på din Keynote-presentation. 

Grova wireframe skisser för olika glidideer för en Keynote presentation.

För denna handledning och skapandet av vårt startdäck ska vi fokusera på två exempel mallglas för att utforma: 

  • fotoglide med full bredd
  • funktioner glida

I ett fullständigt projekt kommer du ofta att ha fler mallglas, men hur man utformar dessa två kommer att ge dig en förståelse för processen.

4. Designa din Keynote Presentationsmall

Nu har vi alla tillgångar vi behöver! Vi har innehållet och motsvarande historia. Vi har en uppfattning om de visuella element som vi skulle vilja använda såväl som strukturen i presentationen. Nu är det dags att få designa!

Utforma fotograferingsglaset

En av de bildmallar vi behöver för att designa en fullbredd fotografi med ett färgöverdrag på toppen. Låt oss dyka in.

För att designa en presentationsmall i Keynote använder vi masterbilder. Låt oss lära oss lite mer om det arbetsflödet.

Arbeta med Keynote Master Slides

Först öppna Keynote, börjar jag vanligtvis med ett brett, vitt dokument. Nästa lägger vi upp våra mallrutor. En huvudbild är en bildmall som du kan återanvända. Som standard ger Keynote ett antal alternativ när du trycker på plusikonen för att lägga till en bild längst upp till vänster, det är alla olika mallbilder. 

Med mallbilder kan du designa alternativen för bildlayout och ge din Keynote-mall ett antal fördefinierade alternativ. Fördelen är att du kan konfigurera var din text och foton kommer att gå som platshållare i olika bildlayouter, så att du kan hålla din presentationsdesign konsistent.

Om du skapar en stor Keynote-mall för användning vid ett antal presentationer kan flera mallrutor vara ganska användbara, särskilt om du kommer att lämna ut temat till en klient för att använda eller sälja den på ett online-tema marknadsplats , eftersom layouten på sidorna är låst medan det fortfarande är möjligt att ändra innehållet.

Steg 1: Ställ in din Master Slide

Det första steget är att börja redigera dina mallsidor. För att göra detta, vänster-klicka på den första bilden som visas på vänster sidofält och klicka på Redigera mallsidor. I det här gränssnittet kan du enkelt redigera några av dina bilder och senare lägga till dem i däcket med hjälp av Lägg till bild knappen som har plusikonen. Använd någon av de befintliga mallarna, eller högerklicka på någon av mallarna i vänster sidofält och välj Ny Master Slide.

Nu ställer vi upp den första huvudbilden.

Först måste vi hitta ett foto vi kan använda. Jag rekommenderar starkt Unsplash som en källa för att hitta foton att använda som du vill. Det finns självklart många sätt att hitta bilder på nätet (eller du kan köpa stock photography).

När du har ett foto du vill använda, ta bort alla befintliga textrutor i din huvuddia. Nu lägger vi till ett foto på bakgrunden av bilden.

Klicka först på Formatera fliken på höger sida av Keynote-fönstret. Du borde se Bakgrund som ett av alternativen. När du klickar på pilen för att visa alternativen kan du välja Bildfyllning. Du kan ladda upp ditt valfria foto och det kommer att visas i bakgrunden på huvudbilden. Slutligen måste du försäkra dig om att bilden passar rätt. Välja Skala till fyllning som storlek alternativ och vi är alla inställda!

Lägg till ett foto på bakgrunden av din huvudbild.

Steg 2: Lägg till Branding Elements och Color

Nu lägger vi till lite färg. tryck på Form verktyg i verktygsfältet och klicka på vilken ruta som helst. En ny meny öppnas till höger för att manipulera formen. Låt oss se till att formen fungerar för oss:

  • På stilmenyn, klicka på Fylla och välj Ingen fyllning.
  • Välj också Skugga från rullgardinsmenyn och tillämpa Ingen skugga.
  • I Ordna meny, gör positionen 0 och 0 tvärs över båda axlarna. Gör också storleken på formen 1920 vid 1080.
  • Nu, tillbaka i stilmenyn, lägger vi till den primära varumärkesfärgen. Välj Färgfyllning och tryck på Färghjul så du kan lägga till din egen färg.
Välj färgfyll och klicka på färghjulet under rullgardinsmenyn för att kunna ange egna färger.

För mall för startpresentation skapar vi att vi tillämpar en ljusröd (# ee504f) för primärfärgen (som visas ovan i varumärkesriktlinjerna). Vi lägger till detta som färg till formen. Nästa uppåt, ändå i stilmenyn, ändra Opacitet till 65%. Bra gjort, det finns ditt färgöverlägg! 

Steg 3: Lägg till din text i huvudbilden

Nu ska vi lägga till lite text. Klicka på Text verktyget i den övre fältet för att få ett textfält ovanpå bilden. Skriften i vårt varumärke för titlar är Roboto Bold, så jag ändrar typsnittet till denna typsnitt. 

Jag ska öka fontstorleken till 72px för att ge titeln lite mer slag. Slutligen ändrar jag teckensnittsfärgen till vit eftersom den ger en bättre kontrast till den röda bakgrunden. För att återanvända denna stil i framtiden lägger jag till den här stilen som en ny Styckeformat

På toppen av textfliken finns en liten rullgardinsmeny som du kan klicka på för att visa olika styckeformat. Tryck på den lilla plusikonen för att lägga till din, ge den styckeformatet ett identifierbart namn (t.ex. Titel till exempel) och du är bra att återanvända den på annat håll!

Skriv ner "Ange din titel" som en platstext för att definiera syftet med kopian.

Låt oss lägga till en textning. Applicera liknande steg som beskrivits ovan, men hellre ha en teckenstorlek på 46px och välj Kursiv som typsnitt.

Slutligen är ett viktigt steg att ange att texten är en platshållare. Du måste göra det manuellt för alla element du vill göra redigerbara när en användare skapar sin presentation med de mallbilder du har utformat. Klicka på texten, och över till höger i stilfliken, se till att kontrollera Definiera som platshållare Text. Spara huvudbilden och du är helt klar!

Arbeta med styckeformat för att återanvända din typografi över däcken.

Steg 4: Kopiera din Master Slide

Ett annat sätt att enkelt skala din presentation är att duplicera dina huvudbilder och ge ytterligare färgalternativ. Till exempel, låt oss skapa en annan färgfotografmästare bild.

Först högerklickar du på huvudskivan som du just har utformat i bildlistan över till vänster. Klicka sedan på Dubbla bildrutan. En duplicering kommer att visas direkt under den ursprungliga mallen.

Observera att alla ändringar du gör i duplicerad huvudbilden inte påverkar originalmallen. Det är ett enkelt tillvägagångssätt att skapa ett antal variationer av en huvudbild.

Steg 5: Lägg till en unik bild till din presentation

Bra, först låt oss ändra överlagets färg. Klicka på rutan av färg och ändra Fylla färg till # 34A5DF. Nu, låt oss ändra bakgrundsbildet. Klicka på bilden i bildlistan över till vänster och du bör se bakgrunden är inställd på Bildfyllning. Vi kan behålla alla befintliga inställningar och bara ladda upp ett annat foto av ditt val genom att klicka på Välja knapp. Spara huvudbilden.

Nu kan folk enkelt lägga till annat innehåll i sin presentation. Till exempel:

Här är en unik glidinstans.

Design Funktionerna Slides

Nästa mallruta vi ska arbeta på är en funktionsdia. I funktionsdisplayet gör vi en enkel bildruta som förklarar tre fördelar med flaskens juicer som startet försöker sälja. Därför skapar vi en ny huvuddia.

Steg 1: Lägg till en ny bildkonfiguration Texten

Låt oss först lägga till en ny bild till däcken genom att lägga till en ny huvuddia. Högerklicka på en av dina bilder och lägg till en ny huvuddia. Kom ihåg titeln stycke stil vi skapade i föregående bild? Lägg till text med hjälp av Text knappen i den övre verktygsfältet och använd rullgardinsmenyn för att välja Styckeformat 'Titel'vi har skapat. 

Nu, eftersom teckensnittsfärgen var vit för titeln ser du ingenting på grund av den vita bakgrundsfärgen. Låt oss ändra teckensnittsfärgen till svart och skapa en ny styckeformat (var försiktig med att inte uppdatera den gamla) och ring den Titel - Svart. Se till att kolla Definiera som platshållare Text som vi gjorde tidigare.

Med tanke på att vi vill lägga till tre fördelar på en bild, är teckensnittet lite för stort. Låt oss minska textstorleken till 56 punkter.

Lägger till titelteksten på sidan. Lägg märke till hur du kan uppdatera styckeformat som vi har ändrat teckensnittstorleken.

Steg 2: Kopiera titelteksten

Nu måste vi kopiera titeln och lägga till ytterligare två fördelar. Håll bara Alt nyckeln och dra titeln för att duplicera. När du drar dem runt märker du hur Keynote hjälper dig att distribuera dem lika genom att visa gula guider. Jag har strukturerat mina titlar som följande (alla i en x-position på 160 och fördelade vertikalt).

Steg 3: Lägg till meningar

Låt oss lägga till en enda mening beskrivning under varje titel. Som du kan se i stilguiden använder vi Roboto regelbundet och en grå teckensfärg för kropptexten. Använd Keynote-verktyg för att uppnå följande resultat, vilket säkerställer att kroppstexten också definieras som platshållare text:

Steg 4: Lägg till ett foto

Låt oss äntligen lägga till ett foto som tar upp höger sida av bilden för att slutföra designen. På samma sätt som vi gjorde med texten innan kan du kolla Definiera som Media Placeholder i Stil fliken när du klickar på en bild för att göra det enkelt att byta. Tryck Gjort för att spara din huvudbild.

Ett foto har lagts till objektglaset, det definierades som media placeholder för att enkelt ändra det senare.

Nu när vi använder huvuddiavisningen för att börja lägga till verkligt innehåll kan det se ut så här:

Steg 5: Ordna om för att lägga till variation

Låt oss nu kopiera ovanstående huvuddia för att skapa en variation. Ange huvuddysskärmen, duplicera ovanstående funktionsdia och låt oss omorganisera vissa element för att skapa en annan layout.

Öva dina Keynote-färdigheter och återskapa följande:

Slutligen - Tryck Gjort för att spara din huvudbild igen. Se till att bilden till vänster kan ändras genom att ha Definiera som Media Placeholder kontrolleras i Stil fliken för bilden.
Nu är den spännande delen av att använda huvudskivor att vi enkelt kan ändra platshållarens bild och kopiera för att skapa något helt nytt med den befintliga strukturen. Ta det här som ett exempel, som använder huvudbilden ovanför utan att förstöra layouten som vi har utformat:

Steg 6: Lägg till bilder till din presentation

Gå nu äntligen tillbaka till din presentation. Använd Lägg till bildspel knappen för att lägga till alla de masterbilder som vi har skapat. Du kan ändra både kopior och bilder.

För text kan du helt enkelt klicka på något av textfälten och skriva för att ändra kopian. För bilder kan du klicka på en bild, gå till Bild fliken och klicka på Byta ut knappen för att ändra den använda bilden.

Klart!

Några slutliga tips

  • Genom att arbeta med mallar och mallbilder kan du minska tiden som krävs för att skapa en stark presentation, speciellt om du skapar flera presentationer från samma tema.
  • Master-bilder är särskilt användbara om andra människor ska arbeta med källfilen eftersom de kan fungera inom det tema du utformade med hjälp av grundläggande textredigering och formateringsförmåga.
  • I de flesta presentationsscenarier är mindre mindre (mindre ord, enklare fotografering och begränsat färgval).
  • Arbeta med färgöverlagringar (färgade former med genomskinlighet) du kan ganska enkelt "märka" ditt fotografi. 
  • Gör en testkörning med din presentation! Ofta när du presenterar för första gången kanske du vill ändra ett par saker beroende på hur du gillar presentationsflödet. 

5. Ska du använda Keynote Animationer? 

Med det har vi vår mall för det mesta komplett, som vi kan återanvända för att designa hela presentationen. Det finns ett sista steg: Lägga till animeringar.

Att använda animeringar i Keynote är knepigt. Så enkelt som Keynote gör det att lägga till animering i dina bilder, är den första frågan du borde fråga om du borde. Det är viktigt att överväga om animeringar lägger till värde för din presentation eller inte. Animationer kan distrahera din publik eller avbryta flödet av din presentation. Prova själv och se om det fungerar!

Det finns två typer av animeringar:

  • Övergångs animeringar som skapar övergången mellan två bilder.
  • Betona animeringar i diabilder direkt, som antingen bygger in, bygger ut eller utför en åtgärd i själva bilden.

Steg 1: Lägg till en övergångsanimering

Klicka på en av dina bilder till vänster och klicka sedan på Animera fliken längst upp till höger om gränssnittet. Det finns en stor knapp Lägg till en effekt som vid klicka öppnar en stor dropdown med olika övergångsalternativ.

Lägga till en övergångsanimering kan enkelt göras genom att klicka på en bild och använda fliken Anime.

Välj någon animering och du kan justera animeringen som du vill i fliken till höger. Vanligtvis gör jag Varaktighet lite kortare (0,5s) för att göra presentationen lite jämnare.

Steg 2: Lägg till en Action Animation

Klicka nu på ett element i bilden, till exempel text. När du väljer ett element i en bild, läggs det till tre nya flikar i den högra rutan. Bygga iVerkan och Bygga ut. Endera medföra element i eller ut ur objektglaset, eller lägga till betoning på ett element.

Använd samma process som du gjorde för övergångsanimationen för att lägga till en Verkan till bilden, till exempel Popär en ganska bra en.

Animering är något som är lite knepigt att komma in i eftersom det finns många alternativ! Mitt råd är att hålla det enkelt och experimentera lite. För animeringar är det mesta mer av tiden mindre!

6. Spara ditt slutgiltiga Keynote-tema

Nu är det dags att spara mallen för att återanvända den senare, eller använd din nuvarande design för en annan presentation senare genom att redigera de mallbilder du skapat. Klicka bara på Fil i menyn översta menyn och klicka sedan på Spara tema. Därefter kan du lägga till det i temaväljaren. Nästa gång du använder Keynote kan du välja det här temat! Du kan också spara den lokalt på din dator för att göra en säkerhetskopia i Dropbox till exempel.

Det täckte det! Ovanstående process gör det enklare för dig att designa en effektiv presentationsmall. Om du letar efter mer inspiration, eller vill ha tillgång till bra mallar, kolla in de Keynote temat designer som skapats av utmärkta presentationsdesigners på GraphicRiver.

Exalio - Business Keynote Template.

Följande är några av mina favorit exempel:

  • Exalio Keynote Template (visas ovan)
  • Förslag Keynote Mall
  • Starta Business Keynote Template

Du kan också hitta fler bra Keynote-mallar i posten nedan: 

Ta den här nya eBoken på att göra fantastiska presentationer (gratis nedladdning)

Få dina idéer till en kraftfull presentation som kommer att flytta din publik. Ladda ner Den kompletta guiden till att göra stora presentationer nu GRATIS med en prenumeration på Tuts + Business Newsletter. 

Det kommer att hjälpa dig att lära dig hela processen om hur du gör en effektiv presentation. Tänk på att din design bara kan fungera såväl som dina idéer, innehåll och leverans.

Skulle du ha några frågor, vänligen ping mig på Twitter! Tack för din tid.