header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image

Studio Editor: Met vectorart en basisvormen werken

5 min
In dit artikel
  • Vector art en basisvormen toevoegen
  • Vector art en basisvormen ontwerpen
  • De instellingen van basisvormen en vector art aanpassen
  • Een link toevoegen naar basisvormen en vector art
Verbeter je ontwerp met opvallende vector art en basisvormen. Deze schaalbare illustraties en pictogrammen (SVG's) behouden een perfecte kwaliteit op elke grootte, waardoor ze ideaal zijn voor responsieve websites. Kies uit Wix Studio's bibliotheek met gratis vector art en basisvormen, of upload je eigen SVG's om ze af te stemmen op het merk van je klant.
Tip:
Vector art-bestanden bevatten vaak meerdere kleuren, terwijl basisvormen zich concentreren op één kleur. Het zijn echter beide SVG-bestanden. 

Vector art en basisvormen toevoegen

Je kunt vector art en basisvormen gebruiken om de website van je klant te verfraaien, of als een aantrekkelijke call to action. Je kunt kiezen uit de honderden gratis opties die beschikbaar zijn in Wix Studio, of je kunt je eigen opties uploaden. 
Klik op een optie hieronder om meer te lezen.
De Vector art-categorie in het Elementen toevoegen-paneel in de Studio Editor, met de gratis vector art van Wix

Vector art en basisvormen ontwerpen

Pas het vector art / basisvorm-element aan, inclusief de kleuren, dekking en schaduw, zodat het echt bij je ontwerp past.
Let op:
De beschikbare aanpassingsopties zijn afhankelijk van of de vector art een enkele kleur, meerdere kleuren of een grijswaardenpalet heeft. 

Om het ontwerp aan te passen:

  1. Ga naar je editor.
  2. Selecteer het relevante vector art of basis vorm-element.
  3. Klik rechtsboven in de editor op het Inspector openen-pictogram .
Een screenshot van het openen van het Inspector-paneel in de Studio Editor.
  1. Ontwerp de vector art / basisvorm met behulp van de beschikbare opties:
    • Basisvorm: Wijzig de vulkleur en dekking, voeg een rand toe en pas een schaduw toe. 
    • Vector art: Wijzig de opvulkleur(en), pas de dekking aan en pas een schaduw toe.
      Let op: Het is niet mogelijk om de dekking voor elke kleur van de vector art afzonderlijk te wijzigen.
Heb je je eigen SVG geüpload?
Als we de kleuren in je SVG-bestand niet kunnen identificeren, kun je de kleuren mogelijk niet aanpassen in de editor.
vector art - vaas met bloemen - met 6 kleuren op het canvas, naast de ontwerpopties in het Inspector

De instellingen van basisvormen en vector art aanpassen

Pas de instellingen voor vector art of basisvorm naar wens aan. Je kunt een link toevoegen, het element toegankelijk maken met alt-tekst of het als decoratief instellen als het puur voor ontwerpdoeleinden is. Bovendien kun je ervoor zorgen dat het element zijn oorspronkelijke verhoudingen behoudt bij het wijzigen van de grootte, of beslissen dat je het formaat vrij wilt wijzigen. 

Om de instellingen aan te passen:

  1. Ga naar je editor.
  2. Selecteer het relevante vector art of basis vorm-element.
  3. Klik op het Instellingen-pictogram .
  4. Kies wat je dan wilt doen:
    • Voeg een link toe naar de vector art/basisvorm.
    • Bepaal of dit element alt-tekst nodig heeft:
      • Wat staat er op de afbeelding?: Voer een korte beschrijving in van wat je kunt zien in deze vector art of basisvorm, om zoekmachines en toegankelijkheidshulpmiddelen te helpen.
      • Deze afbeelding is decoratief: Selecteer deze optie als deze vector art / basisvorm geen belangrijke informatie voor schermlezers bevat, die alleen bedoeld is om de pagina te verfraaien.
    • Schakel Originele verhoudingen behouden in om ervoor te zorgen dat de oorspronkelijke verhoudingen van het element behouden blijven wanneer je het formaat wijzigt.   
Vector art-element op het canvas, naast het instellingenpaneel, selecteer je geen alt-tekst toe te voegen

Voeg een link toe om van het element een knop of call to action te maken. Je kunt naar verschillende items linken, zoals een websitepagina, een externe URL of zelfs een telefoonnummer. Het toevoegen van een link is een geweldige manier om interactiviteit van websitebezoekers aan te moedigen en iets te creëren dat zowel opvallend als functioneel is.

Om een link toe te voegen:

  1. Ga naar je editor.
  2. Selecteer het relevante vector art of basis vorm-element.
  3. Klik op het Link-pictogram .
  4. Selecteer het type link in de lijst aan de linkerkant.
  5. Vul de relevante informatie in.
  6. Klik op Klaar.
Vector art-element - 2 cadeauverpakkingen - naast het Link-paneel, linken naar een specifieke categoriepagina