header-logo
Aan de slagLees hoe je Wix gebruikt om je website en bedrijf op te bouwen. Pas je website aan met templates of huur een professional in om je aanwezigheid op het web te verbeteren.
Een website makenLees hoe je de Wix Editor gebruikt en de inhoud op je website beheert. Ontdek hoe je de privacy van bezoekers kan beschermen en je website toegankelijk kan maken.
Account en factureringBekijk de instellingen van je account, beheer je abonnementen en Premiumpakketten, en krijg inzicht in je facturen.
De mobiele Wix-apps gebruikenGebruik de Wix-app om je bedrijf efficiënt te runnen, interactie aan te gaan met bezoekers, en een community op te bouwen.
Een domein koppelenLees hoe je een domein koopt, koppelt, of overzet, en hoe je de gegevens van je website veilig houdt.
Je bedrijf beherenVind de juiste tools om je bedrijf te laten groeien: ontvang betalingen, bekijk analytics, leg contact met bezoekers, en meer.
Je website promotenLees hoe je je website promoot bij zoekmachines, e-mailcampagnes verzendt, en betaalde advertenties uitvoert.
Studio, Specialisten en EnterpriseHaal het meeste uit je Studio- en Wix Specialisten-account, zodat je je bedrijf op kan schalen.
Meer hulp nodig?Krijg informatie over de prestaties van je website en eventuele technische problemen. Houd aankomende functionaliteiten bij met onze Product Roadmap.
placeholder-preview-image
Wix LearnVerbeter je vaardigheden met onze cursussen en video's.
Wix BlogKrijg tips voor webdesign, marketing en meer.
SEO Learning HubLees hoe het organische websiteverkeer van zoekmachines te vergroten.
Website developmentBouw een eigen website met ons full-stack platform.
Een professional inhurenVind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image
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

Studio Editor: Met vector art en basisvormen werken

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. Voeg een link toe om het element in een knop te veranderen en voeg alt-tekst toe om het toegankelijk te maken. 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:
    • Wil je een link toevoegen?: Voeg een link toe aan de vector art / basisvorm.
    • Wat is deze vorm / Wat zit er in de vector art?: Voer een korte beschrijving in van wat je kunt zien in deze vector art of basisvorm om zoekmachines en toegankelijkheidshulpmiddelen te helpen.
    • Originele verhoudingen behouden: Schakel deze schakelaar 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 Instellingen-paneel. De vector art is gekoppeld aan een categoriepagina.

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

Helpmate

Hallo,

Een beetje meer begeleiding nodig?
Unlock personalized helpLog in to get the most out of Helpmate.