Als u een gestileerde presentatie maakt, maar geen overmatig gebruikte sjablonen wilt gebruiken van PowerPoint, Google Slides of Canva, u kunt uw eigen hoofdsjablonen voor uw toekomst maken presentatie ontwerpen.

Dit is een geweldige optie voor diegenen die presentatieontwerpen met een thema willen of die een merkstijlgids moeten volgen. Blijf lezen om erachter te komen hoe u Figma kunt gebruiken om hoofdsjablonen voor uw presentaties te maken.

1. Een Figma-document voor presentaties instellen

Meld u aan voor een gratis account op Figma.com, of log in als u al een account heeft. U kunt Figma rechtstreeks in uw browser gebruiken, of u kunt: download de desktop-app.

Open een Nieuw ontwerpbestand, dan klikken Ongetiteld bovenaan om uw bestand te hernoemen, zoals "Presentatie Master Template". Klik aan de linkerkant op Pagina 1, dan de plusteken om een ​​nieuwe pagina toe te voegen. Hernoem de nieuwe pagina naar "Template". Hierdoor kunt u uw basisdia's later gescheiden houden van uw ontwerpdia's.

instagram viewer

Om een ​​kader te maken - Figma's naam voor een tekengebied of canvas - gebruik je de Frame-tool (F), klik vervolgens ergens om een ​​kader te openen. Wijzig in de instellingen aan de rechterkant de W en H attributen voor een geschikte presentatiegrootte; we gebruiken 1920 x 1080, wat de standaard schermgrootte is. Dit wordt je eerste mastersjabloon.

Dubbelklik op de blauwe titel boven aan het frame om de naam te wijzigen. Denk na over de paginalay-out die u plant en noem deze dienovereenkomstig, bijvoorbeeld "Boventitel twee kolommen" of "Titel rechtsboven afbeelding" zou nuttig zijn.

2. Ontwerp de presentatielay-outs

Om te helpen bij het ontwerp van de lay-out, kunt u het lay-outraster gebruiken. Om het in te schakelen, selecteert u uw frame en klikt u vervolgens in de rechter werkbalk op de plusteken naast Lay-outraster. Dit opent een rood doorschijnend raster bovenop uw ontwerp.

Als u kolommen wilt maken, waarmee u gemakkelijker kunt ontwerpen, klikt u op de vierkant gestippeld rasterpictogram onder Lay-outraster en klik vervolgens op Rooster in de vervolgkeuzelijst en kies kolommen. Stel de telling in op 12, wat typisch is voor schermontwerp. Het raster wordt niet opgeslagen in uw definitieve ontwerp. U kunt het tijdelijk in- of uitschakelen met de oog icoon of verwijder het permanent door op de te klikken min icoon naast het oog.

Of u nu het lay-outraster gebruikt of niet, u kunt beginnen met het toevoegen van basiscomponenten voor tijdelijke aanduidingen aan uw eerste dialay-out. Over het algemeen is de lay-out van uw dia's aan u.

3. Een tekstlay-out met twee kolommen maken

Laten we beginnen met het ontwerpen van een toptitel met een hoofdtekstdia met twee kolommen. Gebruik de om uw tijdelijke aanduiding voor de titel toe te voegen Teksttool (T) en typ "Titel Tijdelijke aanduiding". De standaardtekstgrootte in Figma is vrij klein, dus met uw tijdelijke aanduiding getypt, markeert u deze en gebruikt u de instellingen aan de rechterkant om de grootte te vergroten en een lettertype te kiezen -download indien nodig een lettertype. U kunt ook de tekenspatiëring en andere kenmerken instellen.

Om de breedte van de dia aan te passen, vergroot u de breedte van het titeltekstvak door op de hoek naar rechts te klikken en deze te slepen. Laat een marge aan elke kant. Dit betekent dat het tekstvak in toekomstige presentaties verschillende titels kan bevatten.

Om een ​​hoofdtekstgebied met twee kolommen toe te voegen, gebruikt u de Teksttool (T) en sleep het tekstvak volgens uw lay-outraster, zodat er voldoende ruimte overblijft voor een tweede kolom van dezelfde grootte ernaast.

Kies een geschikt lettertype en een geschikte grootte met uw tekstvak op zijn plaats. Selecteer het tekstvak en dupliceer het door. ingedrukt te houden Ooptie (Mac) of Alt (Windows) terwijl u het vak sleept. Dit creëert een lay-out met twee kolommen; u kunt dit systeem echter ook gebruiken om andere soorten lay-outs te ontwerpen.

4. Een achtergrondkleur of afbeelding toevoegen

U kunt een achtergrondkleur instellen door het kader te selecteren en naar. te gaan Vullen in het rechtermenu om een ​​kleur te kiezen. Maar als u liever een afbeelding of een reeks afbeeldingen als achtergrond gebruikt, dan kan dat. Sleep gewoon je achtergrondafbeelding van een map naar je frame. U kunt het formaat meteen wijzigen door de hoeken te slepen zodat ze in uw kader passen.

Als u een gebruikt afbeelding als achtergrond, zorg ervoor dat u de afbeelding voor elke dia aan de achterkant of onderkant van de lagen plaatst door met de rechtermuisknop te klikken en te kiezen Stuur naar terug, of door het naar de onderkant van het linker lagenpalet te slepen.

Om de afbeelding verder te bewerken, onder Vullen, Klik Afbeelding in de vervolgkeuzelijst. U kunt de overvloeimodus, bijsnijdfactor en andere aspecten wijzigen. Als u de dekking wilt wijzigen, wijzigt u het percentage naast het vervolgkeuzemenu.

Gebruik voor een individuele afbeelding die geen achtergrond is de Frame-tool (F) om een ​​kader te tekenen waar u de afbeelding wilt hebben en sleep het bestand van uw computer naar het kader. Dan kun je dezelfde instellingen gebruiken als voorheen.

5. Tekststijlen maken in Figma

Bij het maken van een hoofdsjabloon moeten de tekststijlen consistent zijn in alle dia's. Dit kan handmatig worden gedaan door elke tekstcomponent hetzelfde in te stellen, maar als u veel dia's heeft, kan dit vervelend zijn. Het goede nieuws? U kunt uw tekststijlen automatiseren in Figma.

Terwijl de gekozen tekst is geselecteerd, bijvoorbeeld een ondertitel in de gewenste stijl, lettertype en grootte, klikt u op de vierkant van vier punten naast Tekst in het menu aan de rechterkant. Klik op de plusteken om een ​​nieuwe stijl in te stellen.

Geef de stijl in de pop-up een naam, bijvoorbeeld "Diatitel of hoofdtekst". Wanneer u andere dia's in deze sjabloon ontwerpt, kunt u de vermelde stijl in het tekstmenu kiezen door de tekst te selecteren en de stijl te kiezen. Om de stijl te ontkoppelen en de functie te negeren, klikt u op de gebroken link icoon die verschijnt wanneer u met de muis over de titel van de tekststijl beweegt.

Het werkt op dezelfde manier voor kleuren. Selecteer iets met de gewenste kleur, klik vervolgens op de Figma-menuknop en Snelle acties. Typ "Alles met dezelfde vulling selecteren" en alles met dezelfde kleur wordt geselecteerd. Dan kun je dat instellen als kleurstijl onder de Vullen menu op dezelfde manier als het maken van een tekststijl. Dit werkt goed voor achtergrondkleuren door simpelweg het frame te selecteren en uw kleur te kiezen.

Als je nog geen stijlgids volgt, zijn er veel manieren om kleurenpaletten te genereren.

6. Componenten maken

Om uw sjablonen later te kunnen gebruiken, moeten het componenten zijn, dus ze linken. Om het frame in een component te veranderen, selecteert u het huidige frame en klikt u op cmd + Optie + K (Mac) of Ctrl + Alt + K (Ramen).

De titel van het frame verandert van blauw in paars met een diamantpictogram om aan te geven dat het nu een onderdeel is. Om het frame te dupliceren, klikt u op cmd + D (Mac) of Ctrl + D (Windows) eenmaal en sleep het nieuwe frame naar rechts van het eerste.

Maak het onderdeel van het duplicaat los van het origineel door met de rechtermuisknop op de titel van het nieuwe frame te klikken en te kiezen voor instantie loskoppelen. Hernoem de nieuwe dia met een geschikte titel voor de lay-out. Voeg het nieuwe ontwerp toe aan de dia en maak er vervolgens een eigen component van door te klikken op cmd + Optie + K (Mac) of Ctrl + Alt + K (Ramen). Dit proces moet elke keer dat u een nieuwe dia maakt, worden uitgevoerd.

Gebruik bij het ontwerpen van de lay-out voor elke nieuwe dia uw kant-en-klare tekst- en kleurstijlen om tijd te besparen. Voltooi dit proces met zoveel basisdia's als u nodig heeft, en zorg ervoor dat ze allemaal een beschrijvende naam hebben.

7. Hoe u uw basisdia's gebruikt

Om de dia's voor uw toekomstige ontwerpen te gebruiken, kiest u: Pagina 1 in de Pagina's menu - met uw sjabloon onder een eigen titel - en maak een nieuw kader ter grootte van een presentatie. Klik vervolgens aan de linkerkant op Activa > Lokale componenten waar uw sjabloondia's zouden moeten zijn. Sleep de sjabloondia's naar uw nieuwe frame en centreer het. Bewerk de tijdelijke aanduidingen voor uw inhoud.

Volg hetzelfde proces totdat uw presentatie is voltooid.

Bespaar tijd door uw eigen mastersjablonen te maken in Figma

U kunt uw hoofdsjabloon aan teamgenoten of collega's verstrekken, deze voor persoonlijk gebruik bewaren of ze zelfs als ontwerppakketten verkopen. Hoewel het in eerste instantie misschien ontmoedigend lijkt om een ​​diamodelsjabloon te maken, zal het de productiviteit ten goede komen wanneer u toekomstige presentaties in Figma maakt, wat uiteindelijk tijd bespaart.

De 10 beste Figma-functies die alle ontwerpers zouden moeten gebruiken

Lees volgende

DelenTweetenDelenE-mail

Gerelateerde onderwerpen

  • Creatief
  • productiviteit
  • Presentaties
  • Ontwerp

Over de auteur

Ruby Helyer (34 artikelen gepubliceerd)

Ruby is een schrijver in de categorie Creative van MUO en richt zich op het schrijven over ontwerpsoftware. Ruby heeft gewerkt als ontwerper, illustrator en fotograaf en heeft ook een BA in grafische communicatie en een MA in Engels met creatief schrijven.

Meer van Ruby Helyer

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren