Affinity Designer: Wie man Einschränkungen verwendet

Jan 25, 2026
wie man

Affinity Designer ist ein beliebter Vektorkunst Werkzeug. Sowie Mac- und Windows-Versionen, SerIF kürzlich veröffentlicht Affinity-Designer für iPad .

Wenn Sie heutzutage, wenn Sie für das Web und die Apps entwerfen, müssen Sie mit mehreren Geräten und Auflösungen im Sinn arbeiten. Dies kann zu mehreren Kartellungen und schweren Kopfschmerzen führen, wenn es darum geht, die Dinge einheitlich zu halten. Glücklicherweise kann Affinity Designer Ihnen helfen, diesen Prozess ein bisschen mehr zu rationalisieren, mit etwas genannten Einschränkungen.

In diesem Tutorial werden wir kurz in die Grundlagen der Einschränkungen gehen und wie sie arbeiten. Sehen Sie sich das Video unten für einen Überblick an, oder lesen Sie fünf wichtige Tipps, um Einschränkungen in Affinity Designer zu verwenden.

Vergessen Sie auch nicht, unsere Artikel anzusehen So verwenden Sie Gitter und So verwenden Sie die Exportpersona und So verwenden Sie das Stiftwerkzeug .

01. Eltern- und Kinderobjekte

parent and child objects Affinity Designer

Kinderobjekte skalieren relativ zum Elternbehälter

Einschränkungen arbeiten mit der Verwendung von übergeordneten und untergeordneten Objekten. Ihr ausgewähltes Objekt ist das "Kind", und der Container ist als "Elternteil" bekannt. Kinderobjekte werden relativ zum übergeordneten Objekt skaliert.

Wenn Sie beispielsweise die Größe Ihres Artboards ändern, und Ihr Kinderobjekt ist an Ihrer Artboard verankert, wird es mit der Änderung reagieren. Sie müssen die verschiedenen Optionen umschalten, um Ihr gewünschtes Ergebnis zu erreichen.

02. Toggle Constraint-Optionen

affinity designer: contraints

Beginnen Sie mit dem Aktivieren von Einschränkungen

Um Einschränkungen zu aktivieren, gehen Sie zu Ansicht & GT; Studio & gt; Einschränkungen Von dort erhalten Sie ein Popup-Menü mit den Einschränkungsoptionen. Der innere Quadrat ist, wo Sie die Einschränkungen Ihres untergeordneten Objekts umschalten, und das äußere Quadrat ist Ihr übergeordnetes Objekt.

03. Wenden Sie die Einschränkungen an

Affinity Designer: constraints

Diese Optionen werden diktieren, wie Ihre Inhalte an der Artboard angerechnet werden

Wie bereits erwähnt, verankert Objekte an der Artboard, dass sie mit dem Kerzentopf mit der Artboard verankert werden. Um jedoch den Abstand zwischen Objekten aufrechtzuerhalten und Verzerrung zu vermeiden, müssen wir bestimmte Regeln festlegen.

In diesem Beispiel arbeite ich mit einem Website-Header, einem Logo und einer Menünavigation. Für den Kopfzeilen (abgebildet oben) fügte ich die Einschränkungen links, rechts und oben auf dem Objekt aus. Dies bedeutet, dass der Header nach links, rechts und oben auf der Artboard verankert ist, egal wie das Artboard skaliert wird.

Für den Site-Titel habe ich die Einschränkungen links und oben des Objekts aktiviert. Wenn Sie den richtigen Container / Elterneinschränkungen aktivieren würden, würde das Design verzerren. Die Navigation ist ähnlich, aber mit der rechten Seite aktiviert, da sie auf der rechten Seite sitzt. Sobald Sie dies ein paar Mal praktiziert haben, wird es viel mehr Sinn! Es kann auch helfen, das obige Video anzusehen und dies in Aktion zu sehen.

04. Einfügen eingeschränkter Gegenstände

Affinity Designer: pasting designs

Einfügen eines Designs in ein anderer Artboard wird es zur Größenordnung bringen

Mein ursprünglicher Design basiert auf einem iPad-Bildschirm. Wenn ich es jetzt in ein iPhone x-dimensioniertes Artboard füge, passt sich der Header, der Logo und der Navigationstaste automatisch an den schmaleren Behälter an. Das ist großartig, weil es mein Design und ein Uniform in verschiedenen Kartongrößen hält.

05. Wann verwenden Sie Beschränkungen

Die Verwendung von Einschränkungen ist ein tolles Werkzeug, um Sie an Orten zu sparen. Ich würde jedoch raten, dass Sie sie sparsam und sorgfältig verwenden. Sie sind großartig für einfache Dinge wie Header und Fußzeilen, aber insbesondere inhaltlich schwere Designs (und Bilder) benötigen einige Optionen.

Weiterlesen:

  • So erstellen Sie ein Retro-Logo mit Affinity Designer
  • Das traditionelle Branding ist tot
  • 6 große logo trends für 2019

wie man - Die beliebtesten Artikel

Wie gestaltet man mit CSS-Formen: eine Einführung

wie man Jan 25, 2026

Die Basis jeder Website besteht darin, die Seite in kleinere Elemente unterteilen, die Inhalte haben. Das große Problem mit dies..

Erstellen Sie Ihren eigenen kalligraphischen Pinsel in Illustrator

wie man Jan 25, 2026

Eines der besten Dinge über Illustrator ist die Fähigkeit, Ihre eigenen Pinsel zu erstellen. Sie finden einige erstaunliche kos..

So prototype eine mobile App mit Origami Studio

wie man Jan 25, 2026

In einer Welt, in der Benutzer hohe Erwartungen an ihre Erfahrungen auf dem Web- und Mobiltelefon haben, ist der Prototyping und die Benutzerbewertung der Schlüssel. Es ist jetzt üblich, au..

Erstellen Sie Ihr eigenes Webgl-Physik-Spiel

wie man Jan 25, 2026

Dieses Projekt wird in verschiedene Teile aufgeteilt. Wir werden eine kurze Einführung in Heroku geben, zeigen, wie Sie Physijs ..

Wie man köstliche Texturen mit Bleistiften herstellt

wie man Jan 25, 2026

Beim lernen wie man zeichnet Ein Stilllebensgrafik, es ist wichtig, Interesse zu schaffen und den Betrachter mit e..

Schärfen Sie Ihre skizzierenden Fähigkeiten

wie man Jan 25, 2026

Skizzierung ist ein einfaches, aber leistungsstarkes Werkzeug für alle, die daran beteiligt sind, digitale Produkte herzustellen. Stifte, Papier und Whiteboards sind in jedem Bü..

Top-Tipps zur Bildhauerung einer Kreatur in Zbrush

wie man Jan 25, 2026

Um den Bau einer Kreatur in Zbrush zu demonstrieren, benutze ich dieses Stück 3D Art. Ich arbeite daran, entworfe..

Prototyp Eine Floating-Aktionstaste in Pixate

wie man Jan 25, 2026

Mit Pixate können Sie schnell prototype interaktive mobile Mobiles, die auf Android- und iOS-Geräten in der Vorschau angezeigt werden können. In diesem Tutorial werden wir es verwenden, um..

Kategorien