{"id":482,"date":"2018-03-30T09:26:08","date_gmt":"2018-03-30T07:26:08","guid":{"rendered":"http:\/\/patrick-fontaine.com\/blog\/?p=482"},"modified":"2018-04-26T14:59:58","modified_gmt":"2018-04-26T12:59:58","slug":"5-choses-que-jadore-chez-affinity-designer","status":"publish","type":"post","link":"https:\/\/patrick-fontaine.com\/blog\/2018\/03\/30\/5-choses-que-jadore-chez-affinity-designer\/","title":{"rendered":"5 choses que j’adore chez Affinity Designer"},"content":{"rendered":"

Si vous avez lu mon article pr\u00e9c\u00e9dent Je trompe Adobe<\/em><\/a>, vous devez vous demander avec quels logiciels je travaille. Ou en tout cas vous vous demandez quelles alternatives existent \u00e0 la suite Adobe<\/em>.
\nPersonnellement, je suis pass\u00e9 sur Affinity Designer<\/em> \u00e9dit\u00e9 par Serif<\/em> pour remplacer Photoshop<\/em> et Illustrator<\/em>. Et ce, pour plusieurs raisons. Laissez-moi vous en citer cinq.
\nPourquoi cinq ? Et heu\u2026 Pourquoi pas ?<\/small><\/p>\n

<\/p>\n

\"\"
D\u00e9couvrez les cinq choses que j’adore chez Affinity Designer. La sixi\u00e8me va vous \u00e9tonner !<\/figcaption><\/figure>\n

1 – Le prix<\/h1>\n

Vous allez croire que je suis un vrai radin, mais inutile de se voiler la face : le prix d’une licence \u00e7a compte. Et pour le coup celui d’Affinity Designer<\/em> ne monte pas tr\u00e8s haut pour ses prestations : 54\u20ac99 \u00e0 l’heure o\u00f9 j’\u00e9cris ces mots. C’est un achat de licence, c’est \u00e0 dire que celle-ci vous appartient contrairement \u00e0 l’abonnement Adobe CC<\/em> comme d\u00e9j\u00e0 expliqu\u00e9 dans mon pr\u00e9c\u00e9dent article (je remets le lien<\/a> encore une fois).<\/p>\n

Pour ce prix vous avez d\u00e9finitivement Affinity Designer<\/em> avec ses patchs (on est actuellement \u00e0 la version 1.6 et quelques). Quand sortira Affinity Designer 2<\/em>, il faudra surement acheter une nouvelle licence pour profiter de ses nouvelles fonctionnalit\u00e9s. Mais rien ne vous emp\u00eachera de poursuivre avec la 1\u00e8re version.<\/p>\n

Bref exactement comme Photoshop<\/em> (ou n’importe quel autre logiciel d’Adobe<\/em>) avant le passage \u00e0 l’abonnement Creativ Cloud<\/em>. Sauf que si vous vous souvenez bien, Photoshop CS6<\/em> (la derni\u00e8re version qu’on pouvait vraiment acheter) \u00e9tait entre 800 et 1000\u20ac.<\/p>\n

2 – Les personas : Vector<\/em> + Pixel<\/em> + Export<\/em><\/h1>\n

La grosse fonctionnalit\u00e9 d’Affinity Designer<\/em> c’est son interface compos\u00e9e en trois parties appel\u00e9es personas<\/em>. Voyez ces personas<\/em> comme des fa\u00e7ons diff\u00e9rentes d’utiliser le logiciel. Vous avez donc la persona Draw<\/em>, Pixel<\/em> et Export<\/em>.<\/p>\n

\"\"
Pour basculer d’une persona \u00e0 une autre, il suffit de cliquer sur l’ic\u00f4ne correspondante.<\/figcaption><\/figure>\n

Draw<\/h2>\n

Draw<\/em> vous permet de travailler en vectoriel comme Illustrator<\/em>. Il y a des\u00a0palettes et des outils d\u00e9di\u00e9s, tr\u00e8s bien pens\u00e9s pour l’UI ou le dessin de logo\/ic\u00f4ne\/etc. Vous y retrouverez entre autre la plume, le pathfinder<\/em>, les formes param\u00e9trables et bien d’autres choses tr\u00e8s pratiques.<\/p>\n

https:\/\/patrick-fontaine.com\/blog\/wp-content\/uploads\/2018\/03\/persona_vector.mp4<\/a><\/video><\/div>\n

Pixel<\/h2>\n

Pixel<\/em> se rapproche plus de Photoshop<\/em> et permet de travailler en bitmap. Il est possible entre autre, de travailler avec des brushes, la gomme, le pot de peinture, l’outil doigt. Plus utile pour travailler sur la photo notamment, voire m\u00eame du digital painting \u00e9ventuellement.<\/p>\n

https:\/\/patrick-fontaine.com\/blog\/wp-content\/uploads\/2018\/03\/persona_pixel.mp4<\/a><\/video><\/div>\n

Export<\/h2>\n

Export<\/em> est la derni\u00e8re persona<\/em> du logiciel. C’est l’\u00e9quivalent d’un gigantesque \u00ab\u00a0Enregistrer pour le web\u00a0\u00bb de Photoshop<\/em>. Vous pourrez d\u00e9couper les tranches de votre cr\u00e9ation avec pr\u00e9cision (en y entrant les coordonn\u00e9es par exemple) ou en vous servant de vos plans de travail, groupes, calques et\/ou symboles d\u00e9j\u00e0 cr\u00e9\u00e9s. Puis les exporter avec plusieurs param\u00e8tres et formats.
\nIl y a d’ailleurs une fonction int\u00e9ressante qui permet d’automatiser l’export des tranches qui sont modifi\u00e9es pendant l’utilisation du logiciel. Ainsi si vous ouvrez une maquette pour changer la couleur d’un bouton, le logiciel va automatiquement (et sans vous d\u00e9ranger) faire l’export de la tranche concern\u00e9e avec vos anciens param\u00e8tres pour \u00e9craser l’ancien bouton.<\/p>\n

https:\/\/patrick-fontaine.com\/blog\/wp-content\/uploads\/2018\/03\/export_continu.mp4<\/a><\/video><\/div>\n

3 – Pens\u00e9 pour l’UI<\/h1>\n

La concurrence est rude en mati\u00e8re d’UI\/UX design : Sketch, Axure, Just in Mind<\/em>, InVision<\/em> et m\u00eame XD<\/em> d’Adobe<\/em> d\u00e9sormais. Soyons clairs d\u00e8s maintenant : Affinity Designer<\/em> ne propose pas de fonction de prototypage comme ces logiciels. Pour autant est-il compl\u00e8tement \u00e0 la ramasse ? Pour l’UI design, il s’en sort plut\u00f4t bien avec des outils pratiques.<\/p>\n

Symboles<\/h2>\n

Le premier qui me vient \u00e0 l’esprit est son syst\u00e8me de symboles qui permet, de se servir d’\u00e9l\u00e9ments d\u00e9j\u00e0 cr\u00e9\u00e9s par soi. Un peu comme la biblioth\u00e8que Creativ Cloud<\/em>.
\nLes symboles sont dynamiques, ce qui signifie qu’une modification sur un symbole va se r\u00e9percuter sur ses it\u00e9rations. Chaque it\u00e9ration peut \u00eatre \u00ab\u00a0d\u00e9tach\u00e9e\u00a0\u00bb pour \u00eatre trait\u00e9e ind\u00e9pendamment sans affecter les autres. Et pourquoi pas, devenir un nouveau symbole.
\nIl est donc possible de se monter facilement des \u00ab\u00a0UI kits\u00a0\u00bb pour votre projet.<\/p>\n

https:\/\/patrick-fontaine.com\/blog\/wp-content\/uploads\/2018\/03\/symboles.mp4<\/a><\/video><\/div>\n

Contraintes<\/h2>\n

Il y a aussi une palette \u00ab\u00a0contraintes\u00a0\u00bb qui permet de d\u00e9terminer comment les objets r\u00e9agissent entre eux. Concr\u00e8tement \u00e7a vous donne la possibilit\u00e9 de g\u00e9rer les positionnements et le redimensionnement d’un \u00e9l\u00e9ment (enfant) par rapport \u00e0 son conteneur (parent). Par exemple : un texte \u00ab\u00a0call to action\u00a0\u00bb (enfant) et le bouton qui le contient (parent). Ou encore ce m\u00eame bouton (enfant) et plan de travail qui le contient (parent).
\nL’int\u00e9r\u00eat imm\u00e9diat c’est de pouvoir dupliquer et modifier rapidement un plan de travail pour le voir s’adapter selon les diff\u00e9rents p\u00e9riph\u00e9riques du march\u00e9 : \u00e9cran d’ordinateur, tablette, mobile, etc.<\/p>\n

https:\/\/patrick-fontaine.com\/blog\/wp-content\/uploads\/2018\/03\/contraintes.mp4<\/a><\/video><\/div>\n

4 – Logiciel de dessin<\/h1>\n

De ce c\u00f4t\u00e9, le march\u00e9 des logiciels est moins foisonnant tellement Illustrator<\/em> fait office de r\u00e9f\u00e9rence ultime (et \u00e0 juste titre). Toutefois, je peux vous assurer que Affinity Designer<\/em> a de sacr\u00e9s arguments.<\/p>\n

Dessin plus fluide<\/h2>\n

Depuis une r\u00e9cente mise \u00e0 jour (v.1.6), le logiciel a int\u00e9gr\u00e9 dans les param\u00e8tres de ses outils de dessin vectoriel et matriciel, une option de stabilisateur. Cette option permet d’adoucir nos mouvements tout en gardant un bon contr\u00f4le quand on va dessiner avec la souris. Avec une tablette, l’option a beaucoup moins d’int\u00e9r\u00eat.<\/p>\n

https:\/\/patrick-fontaine.com\/blog\/wp-content\/uploads\/2018\/03\/stabilisateur.mp4<\/a><\/video><\/div>\n

Dessin plus organique<\/h2>\n

Il est possible d’ajouter du bruit dans les aplats vectoriels, ou de la texture facilement via la persona Pixel<\/em>. M\u00eame les trac\u00e9s vectoriel peuvent \u00eatre faits avec des pinceaux avec une texture pixel qui sera r\u00e9p\u00e9t\u00e9e ou \u00e9tir\u00e9e.
\nMine de rien \u00e7a rend tout de suite le dessin vectoriel plus organique, moins \u00ab\u00a0informatique\u00a0\u00bb\u2026 Et c’est cool de garder les facilit\u00e9 du vectoriel avec la diversit\u00e9 du bitmap.
\nC’est aussi possible de faire ce genre de chose sur Illustrator<\/em>, mais c’est p\u00e9nible et \u00e7a alourdit rapidement le fichier. L’\u00e9quipe derri\u00e8re Affinity Designer<\/em> a pens\u00e9 \u00e0 ce genre de d\u00e9tails d\u00e8s le d\u00e9but de sa conception et \u00e7a se sent dans l’utilisation.<\/p>\n

https:\/\/patrick-fontaine.com\/blog\/wp-content\/uploads\/2018\/03\/texture_bruit.mp4<\/a><\/video><\/div>\n

5 – La suite Affinity<\/em><\/h1>\n

Affinity Designer<\/em> fait partie de la suite Affinity<\/em>. On peut y retrouver actuellement : Affinity Photo<\/em> et Affinity Photo pour iPad<\/em>. Tous les deux sont d\u00e9di\u00e9s \u00e0 la retouche photo.
\n\u00c0 la fin de l’ann\u00e9e 2018, devrait arriver un nouveau logiciel dans la suite : Affinity Publisher<\/em> qui sera un logiciel de mise en page comme InDesign<\/em>. Il a l’air prometteur comme nous le sugg\u00e8re ce teaser :<\/p>\n