Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Beste Agenturen
  • Magazin
  • Beste Agenturen
  • Magazin
Dr. Web Logo seit 1997.
  • Kontakt
  • Anmeldung
  • Newsletter
  • Beste Agenturen
  • Magazin
Menü
  • Beste Agenturen
  • Magazin
Suche
Agenturpartner werden →
Dr. Web » Webdesign » Affinity Designer will das perfekte Werkzeug für UI- und UX-Design sein

Affinity Designer will das perfekte Werkzeug für UI- und UX-Design sein

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • 5 Kommentare
Lesedauer: 5 Minuten
  • von Markus Seyfferth
  • 10. Februar 2017

Affinity Designer hat sich in rasanter Geschwindigkeit den Ruf erarbeitet, das schnellste, geschmeidigste und präziseste Grafikdesignwerkzeug überhaupt zu sein.  Ein heiß begehrter Apple Design Award und Tausende von 5-Sterne-Bewertungen im Mac-App-Store legen eindrucksvoll Zeugnis darüber ab.

Man kann mit Fug und Recht sagen, dass sich Affinity Designer als revolutionär für alle Kreativen, die an Branding, Icons, Illustrationen, Concept Art und Print-Projekten. arbeiten, erwiesen hat. Mit den neuesten Features der Version 1.5 will Designer nun auch in die Bereiche UI-, UX- und Web-Design vordringen.

Diese 15 Gründe sprechen dafür:

1. Ein Komplettpaket

Affinity Designer ist ein professionelles Komplettpaket für grafische Designs und kein spezialisiertes Tool für eine einzelne Aufgabe. Insofern hat es den Anspruch, alle Werkzeuge für die professionelle Erstellung einer Benutzeroberfläche – von intialen Konzepten bis zur Produktion jedes einzelnen Elements  des letztendlichen Ergebnisses – an Bord zu haben.

Voll ausgestattet

Alle Tools, die du von einer professionellen Vektor-Design-App erwartest, sind nicht nur da, sondern wurden auch behutsam gestaltet und sorgsam durchdacht für Designer wie dich.

Schnell

Alle deine Arbeitsschritte, seien es Anpassungen, Effekte, Transformationen oder Pinsel, werden in Echtzeit umgesetzt. Pan & Zoom arbeitet mit bis zu 60fps (Frames pro Sekunde), egal wie groß das Projekt ist.

Detailverliebt

Affinity Designer verfügt über die erstaunliche Fähigkeit, um mehr als eine Million Prozent in deine Arbeit einzuzoomen und bietet dann immer noch absolute Präzision in der Bearbeitung.

Kompatibel

Designer arbeitet mit jedem Farbraum, bietet die beste PSD-Importfunktion und unterstützt die Formate SVG, EPS, PDF, PDF/X und FH vollständig.

2. Symbole auf das nächste Level gehoben

Seit v1.5 erlaubt das Symbols-Feature mehrere Instanzen  des gleichen Objekts, wobei das Editieren eines Objekts sich auf alle anderen Instanzen direkt mit auswirkt. So änderst du Piktogramme wie Textbausteine. Das ist aber noch nicht alles – Affinity Designer bietet insgesamt eine komplette Lösung für die Erstellung und das Management deiner Symbolsätze.

Verschachtelte Symbole

Mit verschachtelten Symbolen kannst du komplexe Designs dadurch erstellen, dass du eine unbegrenzte Zahl von Ebenen innerhalb einer Ebene verwendest. Dabei bleibt der Workflow trotz aller Komplexität überschaubar und einfach.

Echtzeit-Bearbeitung an Ort und Stelle

Die Bearbeitung erfolgt an der Stelle im Design, an der sich das Element befindet. Updates erfolgen unverzüglich, sogar in Echtzeit über alle Versionen. Wenn du also etwa für mehrere Geräte gestaltest, kannst du direkt alle neuen Versionen sehen, wenn du eine bearbeitet hast.

Unbegrenzte Anzahl an Versionen

Wenn du einzelne Instanzen deiner Symbole nicht über die eben beschriebene Funktion synchronisieren willst, kannst du sie einfach abkoppeln und dann als indivisuelle Instanz separat bearbeiten. Dabei kannst du entscheiden, welche Eigenschaften nicht synchronisiert werden sollen, seien es Farben, Text, Formen, Größe, Strichstärke oder Effekt – du behältst die volle Kontrolle über die Optik.

3. Designs mit Reaktionsvermögen

Das neue Constraints-Feature erlaubt es dir, die Position oder Größe eines Objekts relativ zu seinem umgebenden Container festzulegen. So erreichst du pseudo-responsive Elemente, die du auf einfache Weise wiederverwenden kannst.

Wenn du für verschiedene Geräte oder ganz responsiv arbeitest, wirst du dieses Feature bald als unverzichtbar ansehen.

4. Auch perfekt für Pixel

Ein herausstechendes Feature von Affinity Designer besteht darin, dass es in der Lage ist, nahtlos mit Vektoren und Pixeln innerhalb des selben Dokuments zu arbeiten. Auf diese Weise entfällt der bisweilen frustrierende Wechsel zwischen verschiedenen Apps.

Umfangreiche Tools fürs Pixel-Editing

Die Pixel-Persona ermöglicht dir, mittels eines einfachen Klicks auf Pixel-Editing umzuschalten und bietet eine verblüffende Vielfalt an Auswahl-Werkzeugen und Pinseln.

Echtzeit-Pixel-Vorschau

Damit alles passt, kannst du deine Designs in Echtzeit in einer pixelorientierten Preview anzeigen lassen. So kannst du deine Vektoren umgesetzt in normaler und Retina-Auflösung begutachten, und beurteilen, wie dein Design nach dem Export aussehen wird.

5. Erstaunliche Effekte

Affinity Designers nicht-destruktive Arbeitsweise lässt dich deine UI-Elemente verfeinern und mit vielerlei Filtern und Effekten bearbeiten, darunter Weichzeichner, Glow-Effekte und Schlagschatten. Du kannst jede beliebige Kombination von Effekten, Füllungen und Strichstärken als Style speichern, um sie so einfach auf andere Objekte anzuwenden.

6. Totale Präzision

Die volle Kontrolle über das Grid mit seiner Einrastfunktion ist eines der Features, das Designer-Nutzer immer wieder begeistert.

Ausrichtungen lassen sich sehr leicht über anpassbare Grids erledigen. Mit v1.5 erfolgen Platzierungen jetzt in Echtzeit, so dass du ein Live-Feedback erhältst, mit dessen Hilfe du die Präzision deines Designs sicherstellen kannst.

Du kannst Affinity Designer so einstellen, dass sich Objekte immer zwingend pixelgenau am vorher eingerichteten Grid ausrichten. Das ist unschlagbar für Web- und UI-Designer. Einmal angelegte Grids mit den Einrast-Optionen lassen sich speichern und immer wieder verwenden.

7. Fortgeschrittene Typografie

Ob du nur einen auffälligen Font für eine Überschrift suchst oder Text um eine Form laufen lassen willst, Affinity Designer hilft dir mit professionellen Typografie-Tools. Dabei hast du die volle Kontrolle über typografische Aspekte wie Kerning und andere. Auch an dieser Stelle lassen sich alle Einstellungen speichern und auf anderen Elementen erneut einsetzen.

8. Inventar-Management

Affinity Designers neues Inventarmanagement ist ein weiterer Aspekt, der den Workflow vereinfacht. Simpler könnte es nicht sein. Du bewegst schlicht Elemente, die du häufiger benötigst per Drag und Drop rein oder raus aus dem Inventar-Panel. Du kannst ausgewachsene Galerien erstellen und in eigenen Ordnern verwalten. Alle Elemente sind so auf jeden Fall zur Hand, wenn du sie brauchst, und das sogar projektübergreifend.

9. Große Dokumente verzögerungsfrei

Affinity Designer verfügt über ein sehr fortschrittliches Speichermanagement. Egal, ob du an einem großen Retina-Mockup oder einem Projekt mit Hunderten von Zeichenflächen arbeitest, du wirst keine Verzögerungen bemerken. Alle Bearbeitungen erfolgen in Echtzeit.

10. Kompromissloser Export

Unsere dedizierte Export-Persona bietet dir alles, was du brauchst, um deine Werke zu exportieren. Es gibt kaum einen einfacheren Weg, alle deine Elemente in diversen Größen, Auflösungen und Formaten zu exportieren – ideal, wenn du für unterschiedliche Geräte gestaltest. Mit v1.5 kannst du jetzt auch einzelne Export-Ordner definieren, um unterschiedliche Elemente für unterschiedliche Zwecke sauber zu sortieren. Diese Einstellung wirkt dann auch für  zukünftige Exports. Sogar Assets für Xcode und Spine JSON werden automatisch generiert.

11. Skizzenansicht

Je komplexer und farbiger deine Designs werden, desto wichtiger wird es, bei Bedarf auf Skizzenansicht umschalten zu können. So lassen sich vielfach einzelne Ebenen wesentlich leichter selektieren. Mit Designer kannst du die Skizzenansicht sogar als Split-Screen-Anwendung aktivieren.

12. Eingebettete Dokumente im Kontext editieren

Es dürfte eines der beeindruckendsten Features sein, das Editieren eingebetteter Dokumente in Echtzeit.

Mit Version 1.5 kommt die häufig gewünschte Kontextbezogenheit bei eingebetteten Dokumenten hinzu. Es ist nunmehr möglich, direkt zwischen den einzelnen Screens oder Seiten zu wechseln und direkt visuell das Design zu beurteilen.

13. Unbegrenztes Rückgängigmachen

Affinity Designer merkt sich alles. Du kannst bei Bedarf bis zu 8.000 Schritte rückgängig machen. Das gilt natürlich auch für die umgekehrte Form des Rückgängigmachens, also die Wiederholung eines Arbeitsschritts. Dadurch, dass die Historie mitgespeichert wird, kannst du sogar auf einem anderen Gerät oder in einer anderen Affinity-App darauf zugreifen.

Schnappschüsse sorgen dafür, dass deine Dokumente während der Arbeit immer wieder gespeichert werden, damit dich auch unerwartete Unterbrechungen nicht zurückwerfen.

14. Kostenloses UI-Kit im Wert von 58 USD geschenkt

Sergey Azovskiys großartiges Grade UI-Kit bekommst du beim Kauf des Affinity Designer kostenlos dazu. Mit 10 Kategorien, 100+ Icons und der erstaunlichen Zahl von 1000+ Elementen ist dieses UI-Kit etwas, das du dir nicht entgehen lassen solltest. Falls du es noch nicht bemerkt hast, der Wert des UI-Kit übersteigt den Preis der eigentlichen App!

15. Kein Abo, nur einmalig 49,99 Euro

Dein Kauf von Affinity Designer ist nicht mit einem Abo verbunden. Du zahlst nur einmal und erhältst trotzdem alle künftigen Updates.

affinity designer@2x 080720151608 Affinity Designer will das perfekte Werkzeug für UI- und UX-Design sein

AFFINITY DESIGNER

Professionelle Grafik-Design-Software

Kaufe die Mac-Version | Kaufe die Windows-Version

Markus Seyfferth

Markus Seyfferth

ist seit 2019 Geschäftsführer & WordPress-Entwickler bei Dr. Web. Zuvor war er sechs Jahre lang Vorstand des Smashing Magazine, im Rahmen dessen er u.a. das Online-Marketing, die Betreuung der Werbekunden sowie diverse Online-Projekte geleitet hat.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

CAF chris and friends berlin Logo.

CAF Webdesign Agentur

Berlin

WPSteinheisser Photography

Ludwigsburg

dskom GmbH (ehem. SEO Profi Berlin)

Berlin

Logo der Agentur Tawec Digital Services in Schorndorf.

TAWEC Digital Services

Schorndorf

Minddraft Agentur Logo.

minddraft AG

Allenwinden

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Digitalagentur finden

Wir unterstützen Sie bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
Junger Mann, der in einer SEO-Agentur arbeitet arbeitet und in die Kamera lächelt.
SEO

SEO Agentur finden

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Inhaber einer WordPress-Agentur, am Tisch sitzt und in die Kamera schaut.
WordPress

WordPress Agentur finden

Wir unterstützen Sie bei der Auswahl Ihrer WordPress Agentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→

5 Antworten

  1. Armin Erle sagt:
    18. Dezember 2018 um 17:18 Uhr

    Ich liebe Affinity Photo und Designer. Macht richtig Spaß damit zu arbeiten und zu spielen.

    Antworten
  2. Kobi sagt:
    19. März 2018 um 17:28 Uhr

    Ich habe mich jetzt gegen in Upgrade der Creative Suite entschieden und arbeite seit ca. 1 Jahre nur noch mit Affinity Photo und Affinity Designer. Dabei kann ich inzwischen als Fazit sagen, dass mir Illustrator nicht fehlt, aber Photoshop manchmal schon ein wenig – da war ich bei bestimmten Dingen einfach schneller. Das kann aber auch an den vielen Jahren liegen die ich damit gearbeitet habe.

    Sind jedenfalls tolle Programme und man muss ja auch den Preis mal sehen. Dafür bekommt man woanders teilweise nur leicht erweiterte Shareware-Funktionalität.

    Antworten
  3. Axel sagt:
    15. Februar 2017 um 13:28 Uhr

    Habe mir beide Versionen für Windows geholt.
    Aber schnelle Bilder für’s web bearbeite ich doch in Adobe Firefox, das geht aus der Hand. Super Tool, dass ich leider in der neuen Version sehr vermisse.

    Antworten
  4. stooni sagt:
    11. Februar 2017 um 9:29 Uhr

    Wow muss mal wohl genauer angeschaut werden, sieht recht gut und potent aus!!!
    —-stooni

    Antworten
    1. MFGSparka sagt:
      14. Februar 2017 um 10:49 Uhr

      Und das ganze gibts auch für die Pixel-Freunde in Affinit Photo!
      Nebenbei bemerkt, beides auch für Windows.

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.
Fachmagazin für Online-Marketing. Seit 1997. Wissen, Software, Dienstleister: Wir bringen die Digitalisierung Ihres Unternehmens praxisnah voran. ✅

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑