Wix Harmony: Met vector art en basisvormen werken
4 min
In dit artikel
- Vector art en basisvormen toevoegen
- Vector art en basisvormen ontwerpen
- De instellingen van basisvormen en vector art aanpassen
Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in december 2025 is uitgebracht. Wix Harmony is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je Wix Harmony of de vorige editor gebruikt, lees dan hier meer.
Voeg prachtige vector art en vormen toe om je stijl te laten zien. Vector art-afbeeldingen en -pictogrammen zijn digitale illustraties (SVG's) die op elk formaat scherp blijven, zodat je ontwerp er altijd verbluffend uitziet. Kies uit de honderden gratis opties die beschikbaar zijn bij Wix, of upload je eigen opties.
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 je website te verfraaien, of als aantrekkelijke call to action. Je kunt kiezen uit de honderden gratis opties die beschikbaar zijn van Wix, of je kunt je eigen opties uploaden.
Om vector art en basisvormen toe te voegen:
- Ga naar je editor.
- Klik bovenaan de editor op + Toevoegen.
- Klik op Afbeeldingen.
- Kies hieronder uit een optie:
Kies uit de gratis opties die beschikbaar zijn bij Wix
Upload je eigen vector art (SVG)
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:
- Ga naar je editor.
- Selecteer het relevante vector art of basis vorm-element.
- Klik op het relevante pictogram in de actiebalk om het element te ontwerpen:
- Kleuren wijzigen: Kies de kleuren van de vector art en pas de dekking aan met de schuifregelaar.
Let op: Als de vector art meer dan 8 kleuren heeft en overgangen heeft, kun je alleen de dekking van het hele ontwerp bepalen. - Rand
: Definieer de randen van je element zodat het opvalt en kies een kleur, breedte en stijl. Klik op het Alle randen bewerken-pictogram 
om ze allemaal tegelijk te ontwerpen. - Schaduw
: Binnenste en buitenste schaduw toepassen om het element een interessant 3D-effect te geven, door de positie, vervaging, kleur en meer in te stellen. - Indeling
: Het element horizontaal of verticaal spiegelen.
- Kleuren wijzigen: Kies de kleuren van de vector art en pas de dekking aan met de schuifregelaar.
Tip:
Voeg een animatie toe voor een leuk en speels effect.
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.
De instellingen van basisvormen en vector art aanpassen
Pas aan hoe deze elementen op je website worden weergegeven en functioneren. Je kunt hun grootte en indeling bijwerken, vectorafbeeldingen vervangen en toegankelijkheidsopties instellen om ervoor te zorgen dat iedereen kan genieten van de inhoud van je website.
Om de instellingen aan te passen:
- Ga naar je editor.
- Selecteer het relevante vector art of basis vorm-element.
- Klik in de actiebalk op het Instellingen-pictogram
. - Kies wat je dan wilt doen:
- Vector art vervangen: Wijs de afbeelding aan en klik op Vervangen.
- Grootteoptie: Kies hoe het element op de pagina past: Passend of Uitrekbaar.
- Pas de toegankelijkheidsinstellingen van het element aan:
- Alt-tekst: Voer een korte beschrijving in van wat je kunt zien in deze vector art of basisvorm, om zoekmachines en toegankelijkheidshulpmiddelen te helpen.
- Instellen als decoratief: Klik op de schakelaar als deze vector art of basisvorm geen belangrijke informatie voor schermlezers bevat en alleen bedoeld is om de pagina te verfraaien.
En nu?
Voeg een link toe om het element om te zetten in een knop of call to action, die de bezoeker naar een websitepagina, een externe URL of zelfs een telefoonnummer leidt. 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.