Come creare un pulsante in Adobe XD

Qui, sei guidato attraverso i passaggi per creare un semplice pulsante con un riempimento solido e del testo in Adobe XD. Segui questi semplici passaggi.

Seleziona lo strumento Rettangolo, fai clic e trascina per creare un rettangolo di qualsiasi dimensione su una tavola da disegno.
In questo esempio, è selezionato il modello iPhone 6 standard.

Con il rettangolo ancora attivo, digita 200 nella casella di testo Larghezza e 70 nella casella di testo Altezza. Premi Tab dopo aver digitato ciascuno per confermare il valore.

Applicazione di un riempimento solido

Qui, aggiungi un colore di riempimento solido alla tua forma:

Assicurati che il tuo rettangolo sia ancora selezionato. Fare clic sulla casella bianca a sinistra di Riempi nel pannello Proprietà per aprire il selettore di colori.

Scorri i colori facendo clic e trascinando il cursore Tonalità. Dopo aver inserito il colore della tonalità che ti piace, fai clic su un colore nel pannello dei colori per applicarlo al rettangolo.

Puoi salvare i colori che potresti usare spesso facendo clic sul segno più Salva campione colore nella parte inferiore del selettore colori.

Puoi applicare la trasparenza al riempimento utilizzando il dispositivo di scorrimento sul lato destro della finestra di selezione dei colori.

Deseleziona la casella di controllo a sinistra di Bordo per rimuovere il tratto attorno al rettangolo.

Come creare un pulsante in Adobe XD

Applicare un colore con il selettore di colori. Salva un colore facendo clic sul segno Save Color Swatch +.

Arrotondare gli angoli

Puoi lasciare gli angoli quadrati o seguire uno di questi passaggi successivi per arrotondare gli angoli della forma:

  • Puoi arrotondare gli angoli visivamente facendo clic e trascinando i widget degli angoli all'interno degli angoli dei rettangoli.Come creare un pulsante in Adobe XD

    Fare clic e trascinare i widget degli angoli per arrotondare gli angoli.

Tenete premuto il tasto Alt (Windows) o Opzione (Mac OS) e trascinate un raggio d'angolo per renderlo un valore indipendente.

  • Puoi anche inserire i valori per il raggio dell'angolo inserendo i valori nelle caselle di testo Radio d'angolo nel pannello Proprietà.Come creare un pulsante in Adobe XD

    Immettere i valori nel pannello Proprietà per aggiungere dimensioni variabili nel raggio dell'angolo.

Aggiungere testo al tuo pulsante

Ora aggiungi il testo al pulsante:

Seleziona lo strumento Testo dal pannello Strumenti, quindi fai clic all'interno del pulsante. Viene visualizzato un cursore di testo. Non preoccuparti dell'esatto posizionamento della casella di testo perché può essere spostata in seguito.

Digita la parola Invia, quindi seleziona il testo premendo Ctrl+A (Windows) o Comando+A (Mac).

Con la parola selezionata, modifica le proprietà nell'area Testo del pannello Proprietà per selezionare un carattere e una dimensione del tipo che ti piace. Puoi anche modificare l'allineamento selezionando i pulsanti Allinea a sinistra, Al centro o Allinea a destra.

È possibile selezionare la dimensione del carattere corrente nella casella di testo Dimensione carattere e premere la freccia su o giù per aumentare o diminuire la dimensione del carattere.

Fare clic sulla casella Riempi per modificare il colore del testo.Come creare un pulsante in Adobe XD

Seleziona le proprietà del tuo tipo utilizzando la sezione Testo nel pannello Proprietà.

Leave a Comment

Raggruppa e separa oggetti in Adobe CS5 Illustrator

Raggruppa e separa oggetti in Adobe CS5 Illustrator

Scopri come raggruppare e separare oggetti in Adobe Creative Suite 5 (Adobe CS5) Illustrator per migliorare il tuo flusso di lavoro creativo.

Testo a capo in Adobe Illustrator CC

Testo a capo in Adobe Illustrator CC

Scopri come avvolgere il testo in Adobe Illustrator CC per migliorare la tua creatività grafica. Segui i nostri passaggi dettagliati per un avvolgimento efficace!

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Utilizza gli strumenti Fluidifica in Adobe CS5 Illustrator per creare distorsioni artistiche ai tuoi oggetti. Scopri come piegare e modellare le forme in modo creativo.

Come esportare file JPEG e PNG di Adobe InDesign CS6 per la stampa

Come esportare file JPEG e PNG di Adobe InDesign CS6 per la stampa

Scopri come esportare file JPEG e PNG da Adobe InDesign CS6. Guida dettagliata per migliorare la pubblicazione online con immagini di alta qualità.

Lavorare con le immagini in Adobe XD

Lavorare con le immagini in Adobe XD

Scopri come lavorare con le immagini in Adobe XD, incluso il ridimensionamento, la rotazione e l

Come spostare e clonare le selezioni in Photoshop CS6

Come spostare e clonare le selezioni in Photoshop CS6

Scopri come spostare e clonare le selezioni in Adobe Photoshop CS6 con tecniche aggiornate e trucchi utili per migliorare la tua creatività.

Schermata Cattura una sezione di un file PDF

Schermata Cattura una sezione di un file PDF

Puoi utilizzare lo strumento Istantanea in Adobe Acrobat CS5 per selezionare sia testo che immagini e creare un'immagine di una determinata area all'interno di un file PDF. Il risultato viene comunemente chiamato screenshot di una sezione all'interno di un file PDF. Il risultato è un'immagine e il tuo testo non è […]

Misurazione, conteggio e analisi dei pixel in Photoshop CC

Misurazione, conteggio e analisi dei pixel in Photoshop CC

Progettato per ricercatori e scienziati, le capacità di misurazione in Photoshop CC sono piuttosto potenti. Puoi misurare qualsiasi cosa e contare il numero di qualsiasi cosa in un'immagine tecnica, magari da un microscopio o un telescopio. Se conosci la dimensione esatta di qualsiasi elemento in un'immagine, puoi scoprire praticamente qualsiasi cosa […]

Come regolare le proprietà del testo in Adobe XD

Come regolare le proprietà del testo in Adobe XD

Quando hai del testo nel tuo progetto Adobe XD, puoi iniziare a modificare le proprietà del testo. Queste proprietà includono Famiglia di caratteri, Dimensione carattere, Spessore carattere, Allineamento, Spaziatura caratteri (crenatura e tracciamento), Interlinea (interlinea), Riempimento, Bordo (tratto), Ombra (ombra esterna) e Sfocatura sfondo. Quindi esaminiamo come vengono applicate queste proprietà. A proposito di leggibilità e carattere […]

Come creare codici QR in InDesign CC

Come creare codici QR in InDesign CC

Puoi utilizzare InDesign per creare e modificare la grafica del codice QR. I codici QR sono una forma di codice a barre in grado di memorizzare informazioni come parole, numeri, URL o altre forme di dati. L'utente esegue la scansione del codice QR utilizzando la fotocamera e il software su un dispositivo, come uno smartphone, e il software utilizza […]