Affinity Designer: come usare i vincoli

Feb 2, 2026
Come si fa

Affinity Designer è un popolare Arte vettoriale attrezzo. Oltre alle versioni Mac e Windows, SERIF recentemente rilasciato Designer di affinità per iPad .

Al giorno d'oggi, se stai progettando per il web e le app, è necessario lavorare con più dispositivi e risoluzioni in mente. Questo può portare a tavolette multiple e mal di testa gravi quando si tratta di mantenere le cose uniformi. Fortunatamente, Affinity Designer può aiutarti a semplificare questo processo un po 'di più, con qualcosa chiamato vincoli.

In questo tutorial entreremo brevemente nei fondamenti dei vincoli e di come funzionano. Guarda il video qui sotto per una panoramica o leggere per cinque suggerimenti essenziali per l'utilizzo dei vincoli in Affinity Designer.

Inoltre non dimenticare di controllare i nostri articoli su Come usare le griglie e Come usare il personaggio di esportazione e Come usare lo strumento penna .

01. Genitore e oggetti figlio

parent and child objects Affinity Designer

Gli oggetti figlio ridurranno relativi al contenitore genitore

I vincoli funzionano utilizzando oggetti genitore e figlio. Il tuo oggetto selezionato è il "bambino" e il contenitore è noto come "genitore". Gli oggetti figlio ridurranno relativi all'oggetto principale.

Ad esempio, se altera la dimensione della tua tavola da disegno e il tuo oggetto figlio è ancorato alla tua tavola da disegno, risponderà con il cambiamento. Avrai bisogno di attivare le varie opzioni per raggiungere il risultato desiderato.

02. Opzioni del vincolo a levetta

affinity designer: contraints

Inizia abilitando i vincoli

Per abilitare i vincoli, andare a View & GT; Studio & GT; Vincoli. Da lì, riceverai un menu popup che mostra le opzioni del vincolo. La piazza interiore è dove disattiva i vincoli del tuo oggetto figlio, e il quadrato esterno è il tuo oggetto genitore.

03. Applicare vincoli

Affinity Designer: constraints

Queste opzioni detterranno come i tuoi contenuti vengono ancore alla tavola da disegno

Come abbiamo detto prima, l'ancoraggio di oggetti alla cartongesso causerà loro di ridimensionare con la tavola da disegno. Tuttavia, al fine di mantenere la spaziatura tra gli oggetti ed evitare la distorsione, dobbiamo impostare determinate regole.

In questo esempio, sto lavorando con un'intestazione del sito Web, logo e navigazione del menu. Per l'intestazione (nella foto sopra), ho abilitato vincoli a sinistra, a destra e in cima all'oggetto. Ciò significa che l'intestazione sarà ancorata a sinistra, destra e cima della cartongesso, non importa come la tavola da disegno è ridimensionata.

Per il titolo del sito I abilitato i vincoli a sinistra e sulla parte superiore dell'oggetto. Se dovessi abilitare il giusto contenitore / vincolo dei genitori, il design potrebbe distorcere. La navigazione è simile, ma con il lato destro abilitato, perché si siede sulla destra. Una volta praticata questo un paio di volte farà molto più senso! Potrebbe anche aiutare a guardare il video sopra e vederlo in azione.

04. Incolla oggetti vincolati

Affinity Designer: pasting designs

Incollare un design in una tavola da disegno di diversa dimensione lo farà ridimensionare

Il mio design originale era basato su uno schermo iPad. Ora, quando l'ho incollato in una tavola da disegno di un iPhone X-dimensionale, il mio intestazione, logo e pulsante di navigazione si adatta automaticamente al contenitore più stretto. Questo è ottimo perché mantiene la mia forma di design e spaziatura attraverso diverse dimensioni della tavola da disegno.

05. Quando usare vincoli

L'utilizzo dei vincoli è un ottimo strumento per salvarti tasche di tempo in luoghi. Tuttavia, consiglierei di usarli con parsimonia e attentamente. Sono fantastici per cose semplici come intestazioni e piè di pagina, ma qualsiasi disegno di contenuti pesanti (e immagini in particolare) richiederà un po 'di modifica.

Per saperne di più:

  • Come creare un logo retrò con Affinity Designer
  • Il branding tradizionale è morto
  • 6 Enormi tendenze del logo per il 2019

Come si fa - Articoli più popolari

Come disegnare un cane

Come si fa Feb 2, 2026

Il tutorial di oggi ti mostrerà come disegnare un cane. Gli scheletri di cani e gatti sono abbastanza simili, specialmente nella..

Come disegnare una rosa: suggerimenti per principianti e avanzati

Come si fa Feb 2, 2026

Come disegnare una rosa - Come disegnare un video rosa - Come disegnare una rosa: principianti - C..

Come creare interni con il Blender's Eevee

Come si fa Feb 2, 2026

ATypique-Studio: contiene trame da poliigon.com - Le trame non possono essere ridistribuite Quando ho iniziato a lavo..

10 regole per creare moduli Web intuitivi

Come si fa Feb 2, 2026

Nonostante l'evoluzione dell'interazione umana-computer, le forme rimangono ancora uno dei tipi più importanti di interazione pe..

Come costruire un'app progressiva

Come si fa Feb 2, 2026

Il cellulare ora rappresenta oltre la metà del traffico del web e le applicazioni Web consentono agli utenti di fare cose nel br..

Crea un menu Slide-out

Come si fa Feb 2, 2026

Un ottimo modo per migliorare il esperienza utente sul tuo sito è aggiungere un menu a slup-out; Crea un modo accattivante per gli utenti di trovare ciò che vog..

Genera tavolozze di colori senza fine con Khroma

Come si fa Feb 2, 2026

Uso eccellente di Teoria dei colori Nel design è una di quelle cose che separano il grande dalla media. Sebbene s..

Crea un etch digitale uno schizzo

Come si fa Feb 2, 2026

In questo tutorial, prendiamo il giocattolo del disegno meccanico a un schizzo come ispirazione e tenta di implementare queste ca..

Categorie