Vormen en lijnen toevoegen

Voeg rechthoeken, cirkels, lijnen, pijlen, veelhoeken en sterren toe en stel hun vulling, lijn, hoeken en punten in.

Op deze pagina

Vormen geven je ontwerp structuur. Gebruik ze om tekst te omlijsten, een scheidingslijn toe te voegen, ergens naar te wijzen met een pijl, of een ster of badge neer te zetten. Deze gids laat zien hoe je een vorm toevoegt in de Design Studio en hoe je de vulling, lijn, hoeken en punten instelt. Hij is geschreven voor iedereen die een producttemplate bouwt, zonder ontwerpachtergrond.

Een vorm toevoegen

De catalogus met vormen staat in het paneel Graphics. Zes basisvormen (Rechthoek, Cirkel, Lijn, Pijl, Veelhoek en Ster) worden als native objecten toegevoegd, dus de transformatiegrepen werken meteen en de eigenschappen passen bij elke vorm. Daarnaast heb je een uitgebreidere set SVG-vormen, gegroepeerd in categorieën.

Open het paneel Graphics en het tabblad Vormen

Open in de Design Studio de tegel Graphics in het paneel Elementen en selecteer daarna het tabblad Vormen. Je ziet vormen gegroepeerd in categorieën: Lijnen, Basisvormen, Veelhoeken, Sterren, Pijlen, Stroomdiagram, Tekstballonnen, Wolken, Harten en Banners. Om er snel een te vinden, typ je in het zoekvak bovenaan het tabblad om door alle categorieën te filteren.

DashboardHet tabblad Vormen in het paneel Graphics met gegroepeerde vormcategorieën
Het tabblad Vormen, met categorieën van Basisvormen tot Banners en een zoekvak.

Klik op een vorm om hem toe te voegen

Klik op een vorm om hem in het midden van het canvas toe te voegen. De vorm staat geselecteerd, dus je kunt hem meteen op zijn plek slepen of vergroten met de hoekgrepen. Voeg zoveel vormen toe als je ontwerp nodig heeft.

Vulling, lijn en hoeken instellen

Elke vorm heeft eigen eigenschappen. Selecteer een vorm en de instellingen ervan openen in het eigenschappenpaneel. Welke bediening je ziet, hangt af van de vorm die je koos.

Selecteer de vorm om de eigenschappen te openen

Klik op de vorm op het canvas. De eigenschappen verschijnen in het paneel rechts.

DashboardVormeigenschappen met vulling, lijn, lijndikte en hoekafronding
Een geselecteerde rechthoek met de bediening voor vulling, lijn, lijndikte en hoekafronding.

Stel de vulling, lijn en dikte in

Stel de vulkleur in om de binnenkant van de vorm te kleuren. Stel de lijnkleur in voor de omtrek en de lijndikte om te bepalen hoe dik die omtrek is. Een dikte van 0 betekent geen omtrek. Voor meer over kleurkiezers en merkkleuren zie je kleuren en vullingen.

Pas de bediening voor de specifieke vorm aan

Elke vorm voegt bovenop vulling en lijn eigen instellingen toe:

  • Rechthoek: stel de hoekafronding in om de hoeken af te ronden. Een hogere waarde geeft een zachtere, pilvormige vorm.
  • Cirkel: stel de straal in om de grootte te wijzigen.
  • Lijn: stel de lijn, de lijndikte en de lijnuiteinden in. Het uiteinde bepaalt hoe de einden eruitzien (plat, rond of vierkant).
  • Pijl: stel de lengte en breedte van de pijlpunt in om de pijlpunt een maat te geven, plus een vulling.
  • Veelhoek: stel het aantal zijden (van 3 tot 24) en de straal in. Drie zijden geeft een driehoek, zes een zeshoek.
  • Ster: stel het aantal punten (van 3 tot 24), de binnenstraal en de buitenstraal in. Het verschil tussen de twee stralen bepaalt hoe puntig de ster eruitziet.

Veelgestelde vragen

Waarom heeft mijn vorm geen omtrek?

De lijndikte staat op 0. Verhoog de lijndikte en kies een lijnkleur om de omtrek te tonen.

Hoe maak ik een driehoek?

Voeg een veelhoek toe en stel het aantal zijden in op 3.

Hoe rond ik de hoeken van een vak af?

Voeg een rechthoek toe en verhoog de hoekafronding. Een hogere waarde rondt de hoeken meer af.

Wat is het lijnuiteinde van een lijn?

Het bepaalt hoe de einden van de lijn eruitzien. Kies plat voor vlakke einden, rond voor afgeronde einden of vierkant voor vlakke einden die iets worden verlengd.

Volgende stap

Stel merkgetrouwe kleuren voor je vormen in via kleuren en vullingen.

Nog hulp nodig?

Gaf een gids geen antwoord op je vraag? Ons team helpt je graag. De meeste berichten krijgen binnen één werkdag een eerste reactie.

Contact met support

Gerelateerde artikelen