header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image
In questo articolo:
  • Aggiungere grafica vettoriale e forme di base
  • Progettare grafica vettoriale e forme di base
  • Modificare le impostazioni delle forme di base e della grafica vettoriale
  • Aggiungere un link alle forme di base e alla grafica vettoriale
  1. Home
  2. Studio, Partner ed Enterprise
  3. Wix Studio
  4. Usare l'Editor Studio
  5. Lavorare con i file multimediali sull'Editor Studio
  6. Editor Studio: lavorare con grafica vettoriale e forme di base

Editor Studio: lavorare con grafica vettoriale e forme di base

5 min
In questo articolo:
  • Aggiungere grafica vettoriale e forme di base
  • Progettare grafica vettoriale e forme di base
  • Modificare le impostazioni delle forme di base e della grafica vettoriale
  • Aggiungere un link alle forme di base e alla grafica vettoriale
Migliora il tuo design con grafica vettoriale e forme di base professionali. Queste illustrazioni e icone scalabili (SVG) mantengono una qualità perfetta con qualsiasi dimensione, rendendole ideali per i siti responsivi. Scegli dalla libreria di Wix Studio di grafiche vettoriali e forme di base gratuite o carica i tuoi SVG per allinearli al brand del tuo cliente.
Suggerimento:
I file grafici vettoriali spesso contengono più colori, mentre nelle forme di base ce n'è solo uno. Tuttavia, sono entrambi file SVG. 

Aggiungere grafica vettoriale e forme di base

Puoi usare la grafica vettoriale e le forme di base per decorare il sito del tuo cliente o come invito all'azione accattivante. Puoi scegliere tra le centinaia di opzioni gratuite disponibili da Wix Studio o puoi caricare la tua. 
Clicca su un'opzione qui sotto per saperne di più.
Categoria Grafica vettoriale nel pannello Aggiungi elementi nell'Editor Studio, che mostra la grafica vettoriale gratuita di Wix

Progettare grafica vettoriale e forme di base

Personalizza l'elemento grafica vettoriale o forma base, inclusi i colori, l'opacità e l'ombra, in modo che si adatti perfettamente al tuo design.
Nota:
Le opzioni di personalizzazione disponibili dipendono dal fatto che la grafica vettoriale presenti un colore singolo, più colori o una palette in scala di grigi. 

Per personalizzare il design:

  1. Vai al tuo Editor
  2. Seleziona l'elemento grafica vettoriale o forma di base pertinente
  3. Clicca sull'icona Apri Ispezione  in alto a destra dell'Editor
Screenshot dell'apertura del pannello Ispezione nell'Editor Studio
  1. Progetta la grafica vettoriale o la forma di base usando le opzioni disponibili:
    • Forma di base: modifica il colore di riempimento e l'opacità, aggiungi un bordo e applica un'ombra 
    • Grafica vettoriale: modifica i colori di riempimento, regola l'opacità e applica un'ombra
      Nota: non è possibile modificare l'opacità separatamente per ogni colore della grafica vettoriale
Hai caricato il tuo SVG?
Se non riusciamo a identificare i colori nel tuo file SVG, potresti non riuscire a personalizzarli nell’Editor.
grafica vettoriale: vaso con fiori con 6 colori sull'area di lavoro, accanto alle opzioni di design nel pannello Ispezione

Modificare le impostazioni delle forme di base e della grafica vettoriale

Modifica le impostazioni della grafica vettoriale o delle forme di base a tuo piacimento. Aggiungi un link per trasformare l'elemento in un tasto e aggiungi il testo alternativo per renderlo accessibile. Inoltre, puoi assicurarti che l'elemento mantenga le sue proporzioni originali durante il ridimensionamento o puoi ridimensionarlo liberamente. 

Per modificare le impostazioni:

  1. Vai al tuo Editor
  2. Seleziona l'elemento grafica vettoriale o forma di base pertinente
  3. Clicca sull'icona Impostazioni 
  4. Scegli cosa fare dopo:
    • Vuoi aggiungere un link?: aggiungi un link alla grafica vettoriale/forma di base
    • Di che forma si tratta/Cosa contiene la grafica vettoriale?: inserisci una breve descrizione di ciò che puoi vedere in questa grafica vettoriale o forma di base, per aiutare i motori di ricerca e gli strumenti di accessibilità
    • Mantieni proporzioni: abilita questo interruttore per assicurarti che le proporzioni originali dell'elemento vengano mantenute quando lo ridimensioni   
Elemento grafico vettoriale nell'area di lavoro, accanto al pannello delle impostazioni. La grafica vettoriale è collegata a una pagina categoria

Aggiungere un link alle forme di base e alla grafica vettoriale

Aggiungi un link per trasformare l'elemento in un tasto o in una chiamata all'azione. Puoi aggiungere un collegamento a diverse destinazioni, come una pagina del sito, un URL esterno o persino un numero di telefono. Aggiungere un link è un ottimo modo per incentivare l’interazione da parte dei visitatori del sito e creare qualcosa di funzionale e visivamente accattivante.

Per aggiungere un link:

  1. Vai al tuo Editor
  2. Seleziona l'elemento grafica vettoriale o forma di base pertinente
  3. Clicca sull'icona Collega 
  4. Seleziona il tipo di collegamento dall'elenco a sinistra
  5. Inserisci le informazioni rilevanti
  6. Clicca su Fatto
Elemento grafica vettoriale: 2 pacchetti regalo accanto al pannello di collegamento, selezionando una pagina categoria specifica

Hai trovato utile questo articolo?

|

Helpmate

Ciao

Hai bisogno di ulteriori suggerimenti?
Riassunto di questo articolo
Unlock personalized helpLog in to get the most out of Helpmate.