D.r Web seit 1997 print.
  • Beste Agenturen
  • Agentur-Städte 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur eintragen ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
Menü
  • Beste Agenturen
  • Agentur-Städte 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur eintragen ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Anmeldung
  • Newsletter
Suche
  • Beste Agenturen
  • Magazin
  • Agentur-Standorte
    • Berlin

    • Bonn

    • Dortmund

    • Dresden

    • Duisburg

    • Düsseldorf

    • Essen

    • Frankfurt am Main

    • Freiburg

    • Hamburg

    • Hannover

    • Köln

    • Leipzig

    • München

    • Nürnberg

    • Stuttgart

    • Wien

    • Zürich

  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Agentur eintragen →
D.r Web seit 1997 print.
  • Agentur finden
  • Magazin
Agentur eintragen →
Dr. Web » Bilder & Vektorgrafiken bearbeiten » 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

Sozial sein
Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • 5 Kommentare
Lesedauer: 5 Minuten
  • von Dr. Web Redaktion
  • 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

Professionelle Grafik-Design-Software

Kaufe die Mac-Version | Kaufe die Windows-Version

Dr. Web Redaktion

Dr. Web Redaktion

An einem „Dr. Web Redaktion“ Artikel arbeiten i.d.R. mehrere Autoren, unter anderem Michael Dobler, Markus Seyfferth und Jörg Mrusek.
Sponsor. Du bist auch interessiert? Kontaktiere uns →
Kostenloses SEO-Tool. Werbung für die OSG Performance Suite.

Jobs

Lead Entwickler Mobile mit Fokus iOS-Entwicklung

Karlsruhe

Grafik-Designerin

Freiburg im Breisgau

Sprachtalente

Volkach oder Würzburg

Zum richtigen Job

Agenturpartner

Optimerch GmbH

Dortmund

Carmen Hurst | Webdesign

Bad Homburg

netkin digital Marketing

Köln

WordPress Werkstatt

Freiburg im Breisgau

wolli ruf – mediendesign

Freiburg im Breisgau

Alle Agenturpartner

Lust auf mehr? Wir empfehlen folgende Artikel:

Designpreis Focus Open 2022

So ein Designpreis ist eine feine Sache, wenn man ihn auch gewinnt. Insbesondere Werbeagenturen können und wollen auf ihrer Website mit solch einem Preis werben.

 →   

Farben finden: 16 Tools für Farbverläufe und Farbkombinationen

Farben spielen im Design natürlich eine große Rolle. Doch stimmige und passende Farbkonzepte zu erstellen, ist nicht jedermanns Sache. Daher gibt es eine Reihe von Webanwendungen, die dir helfen, gute Farbkombinationen zu finden. Monochromatische Farben lassen sich ebenso zusammenstellen wie Komplementärfarben. Dabei unterscheiden sich die Tools teils bereits im Ansatz.

 →   

„CSS gerootet“: Flexible Schriftgrößen mit REM

Diskussionen über die beste Art und Weise, die Schriftgröße bzw. den Schriftgrad zu definieren sind wahrscheinlich so alt wie das Web. Neben den traditionellen Kandidaten

 →   

5 Antworten zu „Affinity Designer will das perfekte Werkzeug für UI- und UX-Design sein“
— was ist Deine Meinung?

  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.

      Antworten

Schreibe einen Kommentar Antworten abbrechen

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

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Wissen finden

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
Menü
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑
Menü
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑

Für Agenturen & Unternehmer

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Bad Nauheim
  • Agenturen in Basel
  • Agenturen in Bayreuth
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Menü
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Bad Nauheim
  • Agenturen in Basel
  • Agenturen in Bayreuth
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Das große Dr. Web Icon-Set: 970+ Icons, im SVG-Format​

Lade Dir jetzt das Icon-Set
kostenlos herunter ↓

Über 970 Dr. Web-Icons, kostenlos.
Danke nein, ist nichts für mich.
Invalid email address
Vielen Dank! Bitte schau noch in Dein Postfach und bestätige die Anmeldung.