Les icônes des applications tierces relookées pour Yosemite

Stéphane Moussie |

Le nouveau design d'OS X Yosemite est une aubaine pour les (apprentis) graphistes qui peuvent s'en donner à cœur joie sur le relooking des applications et de leur icône. Nous avions compilé quelques refontes de logiciels populaires (Skype, Dropbox, Tweetbot...) peu de temps après l'annonce du nouveau système.

Téléchargements : Twitter, Skype, Photoshop ; iWork ; 1Password ; Creative Suite

Si Apple a déjà revu les icônes de ses apps, il faudra attendre encore un petit moment avant que celles des logiciels des éditeurs tiers s'accordent avec Yosemite. MacRumors met aujourd'hui en avant le travail de ses lecteurs. Les icônes imaginées sont rondes, avec des couleurs vives et de légers dégradés. Ces icônes sont proposées au téléchargement : on peut donc s'en servir en attendant que les éditeurs mettent à jour leur app (lire : comment changer une icône).

Des graphistes s'attaquent aussi aux nouvelles icônes d'Apple, qu'ils jugent, pour certaines d'entre elles, pas parfaites. On trouve ici une icône des Préférences Système ronde (celle d'Apple est rectangulaire), là un Finder de Saint-Valentin... Le site Dribbble est comme toujours une mine d'or pour voir des créations alternatives.

En haut, le Dock de Mavericks. En bas, celui de Yosemite - Cliquer pour agrandir

Quand on parcourt tous ces concepts, on s'aperçoit que les graphistes ont tendance à tout arrondir. Or, comme l'explique très bien le designer Nick Keppol, si certaines icônes ne sont pas rondes, c'est qu'il y a une raison. Apple utilise en fait trois formes pour les icônes de Yosemite : un rond, un rectangle en orientation paysage et un rectangle légèrement incliné en portrait.

Les icônes rondes sont plutôt attribuées aux applications courantes : Safari, iTunes, Mac App Store, Launchpad... Les rectangles en paysage sont utilisés pour les applications liées au système : Finder, Préférences Système, Moniteur d'activité, Terminal, etc. Quant à la troisième forme, le rectangle incliné en portrait, elle est employée pour les apps de productivité : TextEdit, Calculette, Rappels, Mail, Calendrier... Il y a des exceptions, mais le raisonnement général est assez juste.

Les applications liées au système ont plutôt des icônes rectangulaires.

Nick Keppol continue son analyse en se focalisant sur l'effet de dégradé des icônes. Il ne s'agit pas juste d'apposer un calque blanc pour obtenir le même effet qu'Apple, il y a un travail sur les lumières à réaliser. Celle qui se trouve au-dessus de l'icône doit être bleue, et celle au-dessous orange.

Pour faciliter le travail des graphistes, Nick Keppol offre gracieusement les schémas des icônes de Yosemite en PSD. Vous avez maintenant (presque) tout à disposition pour réaliser de belles créations et frimer sur les forums.

avatar Madalvée | 

Jusqu'à OS X 10.11 en septembre 2015 où il faudra tout refaire…
Mais bon, s'il y en a qui n'ont que ça à faire de leur vie de graphiste, personnellement j'ai des contrats.

avatar joneskind | 

@Madalvée

C'est vrai qu'iOS8 est très très très différent d'iOS7. Preuve s'il en fallait qu'Apple est décidément très instable dans ses graphismes.

C'est aussi vrai qu'il est incompréhensible qu'une communauté de graphistes s'amuse à dessiner des icônes - gratuitement en plus. Parce que franchement, j'ai du mal à voir l'intérêt promotionnel du truc. Qui peut bien s'intéresser aux graphismes du nouvel OSX ? Personne, c'est évident. Et quand bien même quelqu'un y verrait un intérêt, à quoi ça sert de faire une icône ? À rien ! Y a tellement peu d'applications dans le monde alors pourquoi se faire chier à payer un designer graphique pour ça ? Une icône c'est pas plus important qu'un logo après tout.

Allez, je retourne au boulot, j'ai une enseigne de coiffeur à dessiner...

Travaille bien

avatar sylva007 | 

@Madalvée :
Tu sert a rien toi

avatar Joëh | 

@Madalvée
@joneskind
Merci pour le fou-rire.
AHAHAH.

----
Sinon, comme ça a été dis: c'est pas cohérent toute ces formes.

avatar oomu | 

méfiez vous

- ces exercices de style que font bien des designers ou apprentis servent d'entrainement, de démonstration de savoir faire, de "book"

- justement, la réinvention régulière (chez apple, microsoft, google, etc) des canons de la mode permettent de forcer les éditeurs de logiciels à repayer un artiste pour refaire l'icône "à la mode".

avis personnel ultra-subjectif à moi que j'ai avec zéro argument factuel:

je n'apprécie pas ces logiques jusqu'au-boutiste de design en "système" (ou "grille").
Ce qui se passe avec ios7 et Yosemite me semble être une sorte d'hyper-maladie d'Apple.

Apple a toujours eu des guides, des préconisations et une logique (parfois bancale) derrière ses icônes et interfaces. Mais avec iOS 7/Yosemite, c'est une hypertrophie.

ça se soigne.

avatar nono68200 | 

C'est vrai qu'on a aussi a radicalement changé de graphisme à la 10.9, puis avant, à la 10.8, etc...
Faut arrêter un moment, OS X n'a pas changé ses icônes depuis bien longtemps, et il n'y a pas de changement à faire à chaque nouvelle version.

avatar USB09 | 

Rond, carré , rectangle, etc...c'est tout de même un vrai bordel visuel

avatar nono68200 | 

Je préfère la diversité personnellement... J'avais justement peur d'un truc tout rond, et ennuyeux.
Le fait d'avoir pleins d'icônes de différentes couleurs et de différentes formes, je trouve ça plus attrayant, mais j'imagine que c'est les gouts et couleur de chacun ?...

avatar Masaki (non vérifié) | 

C'est pas pour faire de la pub mais j'adore les icônes de iCreate (en anglais, pas en français ; http://www.icreatemagazine.com/tag/icon/) et celles de ccard3dev sur dA (http://ccard3dev.deviantart.com/gallery/).
Si vous aimez le design d'iOS 7 elles vont sûrement vous plaire :)

avatar johnios | 

Même dans du flat design ils se sentent obligé de mettre du biseau, des lueurs, des dégradés partout, des contours et des ombres portées lol.

avatar oomu | 

info flash: parce qu'Apple maraboute la tête à tout le monde. Yosemite est PAS du "flat design"

Apple parle bien qu'il faut limiter les effets réalistes et "aplatir" dans l'ensemble, mais texto elle ne se revendique pas du "flat design" mais de ..hum.. *sort son monocle distingué* d'une "intention de profondeur".

avatar MrSoul | 

Déjà qu'ios 7 à fait mal au graphisme d'Apple, là c'est carrément un meurtre !

avatar Armaniac | 

Mdr, 15625 messages non lus dans Mail, vous avez de la lecture :D :D

avatar patrick86 | 

La différence entre les docks de lave riche et Yosemite est moins choquante que celle entre les icônes iOS 6 et iOS 7.

--

Si on suit la logique d'Apple, les icônes d'iWork ne seront pas rondes.

avatar oomu | 

Le seul fait qu'itunes devienne ROUGE est un progrès cosmique

enfin j'arrêterai de me tromper entre l'icône rond et bleu d'App Store et l'icône rond et bleu d'itunes (ou c'est l'inverse.. heuu.halala je suis encore tout confusionné de la tête, bouhouhouhou)

avatar FloP1 | 

@oomu: première chose que j'ai remarqué aussi lors du keynote, enfin les icones app store et itunes seront différentes!

avatar Darth Philou (non vérifié) | 

@johnios :
Apple n'a jamais dit faire du flat design ni sur iOS 7 ni sur Yosemite.
Ce n'est qu'une interprétation d'analyste, de journaliste et de lecteur dans les forums.

Si je me trompe, j'aimerais avoir les références.

avatar Anonyme (non vérifié) | 

Comment peut-on avoir 15000 mails non lus ._. C'est juste ingérable...

avatar jb18v | 

c'est pas énorme, suffit d'avoir des automates qui mailent en fin de traitement, et zou, plusieurs centaines de mails par jour, mais qu'on ne lit pas parce que le fonctionnement de l'appli associée est normal..
Après la capture n'est pas forcément issue de l'équipe de MacG, non ?

avatar Stéphane Moussie | 
Non en effet, nous c'est plutôt le double.
avatar Orus | 

Les moutons applaudissent.
C'est moche. Et d'ailleurs combien d’icônes toutes plates peut on réellement concevoir sans qu'il y est des confusions ?
Apple n'est plus qu'un suiveur.

avatar Yohmi | 

@Orus :
T'as vu quelqu'un applaudir ? Calme-toi Quichotte.

avatar cedric1997 | 

Si si moi j'applaudi. Je trouve que ce design est bien mieux réussi que celui d'iOS 7...

Quand je suis passé à iOS 7, ma réaction a été: ouais, c'est mieux que sur les screens, mais va falloir s'habituer...

Alors que pour Yosemite, je l'ai installé en dual boot, et bien j'ai du mal à retourner à Mavericks... Certes le dock pourrait être améliorer, mais le reste du système est bien plus beau que sur Mavericks.

Et si cela fait de moi un mouton, et bien je bêle d'utiliser des produits Apple, qui au moins ne tournent pas sur ce produit de mauvais goût et instable qu'est Windows 8... (et venez pas me dire que Windows 8 est stable, je regrette chaque jour que Microsoft est basé la Xbox One sur Windows 8...)

avatar nono68200 | 

J'avais aussi du mal à retourner sur Mavericks, jusqu'au jour ou mon Wifi n'arrêtait pas de se déconnecter tout le temps... (DP2) je me tate à réinstaller la DP3, mais perdre une demi journée à tout faire, pour finalement devoir réinstaller Mavericks, je réfléchis...

avatar cedric1997 | 

Fait comme moi et installe-le sur une autre partition. C'est beaucoup moins long à faire (environ 15 minutes pour tout) et tu pourras retourner à Mavericks en cas de problème. À condition bien sûr d'avoir gardé l'image de la DP2 pour ne pas avoir à tout retélécharger, car ça c'est long.

avatar nono68200 | 

D'accord, dommage qu'il n'y ait pas la même solution pour l'iPhone et l'iPad. ;-)

avatar tekikou | 

Icônes horribles avec des effets de lumières WTF. Pourquoi du orange et du bleu bon Dieu ?!

avatar ergu | 

Parce que pas du vert ni du jaune, mauvais Diable !

avatar cedric1997 | 

T'inquiètes, en petit on ne le voit même pas et les icônes sont plutôt réussies. Sauf celles des réglages, pour laquelle Apple s'est déjà repris plusieurs fois, mais qui est toujours aussi laide que celle de Mavericks... Faudrait vraiment qu'Apple abandonne l'idée des roues dentées et propose quelque chose de plus esthétique (on a déjà vu des design avec des interrupteurs du genre iOS et ça rendait beaucoup mieux).

avatar tekikou | 

@cedric1997 :
C'est psychologique, même si ça se voit pas, maintenant que je le sais ça va m'énerver :D

avatar cedric1997 | 

C'est vrai que maintenant je le remarque toujours, mais puisque je trouve le résultat réussi ça passe de mon côté !

avatar Tomn | 

@cedric1997 :
C'était un interrupteur il y a quelques versions d'OS X

avatar ziedjo | 

Le procédé est très largement utilisé dans les studios 3D ou photo. Un côté froid, un côté chaud, comme en extérieur (côté soleil ou pas).

avatar thauron | 

@oomu

En tout cas, flat design ou pas, c'est très moche... Et maintenant la lubie des icônes rondes... Jusqu'où la stupidité va s'arrêter ???

avatar harry_krishna | 

Toujours pas convaincu par le nouveau sourire du finder...

avatar caissonbulle | 

Je suis comme toi... stupéfait qu'au bout de la troisième built (OS X 10.10 Yosemite DP3 Build 14A283o), cette icône ait toujours autant d'inconsistance niaiseuse et molle (comme aurait pu dire Pierre Desproges) !...

avatar PO_ | 

Apple ne prétend peut-être pas faire du Flat design, mais le résultat est là ! Atroce pour mon goût personnel.

La question que je me pose c'est de savoir pourquoi l'icône des réglages, elle, montre un relief apparent très prononcé. On trouve également un pseudo relief sur le calendrier, sur carnet d'adresse, et sur aperçu.

Le reste est désespérément morne et plat : ils ont même réussi à aplatir encore plus l'icône d'iBooks ! fallait le faire !

avatar patrick86 | 

"La question que je me pose c'est de savoir pourquoi l'icône des réglages, elle, montre un relief apparent très prononcé. On trouve également un pseudo relief sur le calendrier, sur carnet d'adresse, et sur aperçu."

La réponse à cette question est dans la première partie de ta première phrase : Apple ne prétend pas faire du flat design. Le fait est que OS X Yosemite possède toujours de la profondeur et de la hiérarchie.

L'icône d'iBook n'est pas totalement plate. Il y a une petite ombre portée sous le livre.

avatar astronautelibre | 

Bonjour,

Changez la forme je suis pas contre mais ce n'est pas tout. Il faudrait pas en négliger le fond.
Si le reste ne suit pas, cela aura beau être joli, ça flanchera.

avatar macoupc | 

Ouais. Je me demande maintenant comment changer les icônes génériques des dossiers de YOSEMITE que je trouve HORRIBLES !

CONNEXION UTILISATEUR