xScope, comment tracer des repères sur son écran (si besoin est)

Il est fort possible que xScope intéresse peu la plupart des lecteurs de Cuk. Mais je souhaite avec ce test, non seulement présenter ce logiciel mais aussi pointer du doigt un excellent exemple de développement mac. C’est un de ces logiciels qui nous donnent envie de dire : “Si Apple avait dû le faire, ils l’auraient fait comme ça”. C’est simple et élégant, ça va à l’essentiel.

xScope est développé par ARTIS Software mais il est distribué par IconFactory qui publie quelques autres applications sympathiques dont CandyBar, une application qui permet de modifier les icônes de Mac OS X.

xScope est un couteau suisse composé de 6 lames; chacune dispose d’un menu.

Rulers : règles

Si on clique sur show (le logiciel est uniquement en anglais mais c’est relativement peu gênant compte tenu des fonctionnalités de l’application) une équerre graduée semi-transparente apparaît.

Les informations d’orientation et de longueur des deux bras de l’équerre sont proches de l’angle droit :

Lors du déplacement de la souris, des petits indicateurs rouges indiquent la position relative de celle-ci :

Au bout de l’un des axes se trouve une petite double flèche qui permet d’incliner la règle :

Et l’on peut bien entendu allonger les deux règles pour les adapter à ce que l’on veut mesurer :

Dans le menu vous trouverez également quelques angles prédéfinis et des raccourcis clavier pour modifier un angle ou une longueur :

La seule chose manquante est la possibilité de mesurer des angles, nous n’avons droit qu’à l’angle droit. Il est en revanche possible de désactiver une des deux règles. Ceci dit, pour du design d’interface, le calcul d’angle est peu utile – pour ma part je n’en ai pas besoin mais je comprendrai que d’autres puissent l’avoir – et compliquerait l’interface qui est actuellement on ne peut plus simple et pensée en ce sens.

Screens : écrans

Cet outil est essentiellement destiné au développeur web. Il permet de visualiser, grâce à un cadre transparent, l’espace que pourra occuper un site web selon les navigateurs et les définitions d’écran choisis. Le cadre intérieur (filet noir) représente l’espace que pourra occuper la page web; le cadre extérieur signale la totalité de l’écran.

Cuk est lisible (presque en pleine largeur) sur un écran 800 pixels.

Loupe

La loupe est… une loupe. De manière générale si l’on grossit un morceau d’écran on a un quadrillage de pixels. Pour que cette fonction passe du jouet à l’outil, on a simplement une liste d’information sur le pixel que l’on survole. Mac OS X est livré avec un Colorimètre numérique. Les avantages apportés par cette loupe ne sont pas énormes : cette loupe est une vraie loupe, elle indique sa position, toutes les informations de couleurs qui intéressent les designers sont disponibles à l’œil immédiatement, elle reste au premier plan et on peut modifier sa taille. Hormis cela tous deux peuvent varier leur grossissement copier la couleur du pixel survolé grâce à un raccourci clavier.

Au chapitre des inconvénients il y a le fait que l’on ne puisse pas voir une moyenne de couleur sur une sélection étendue à plusieurs pixels, ce qui est possible avec le Colorimètre numérique.

Guides

Les guides se comportent comme les guides d’un logiciel de composition graphique. Ces guides peuvent être placées n’importe où sur la page et possèdent des petits contrôles qui apparaissent lorsque xScope est sélectionné. Ceci peut être utile lorsque l’on vérifie l’alignement d’éléments sur différents logiciels (par exemple différents navigateurs…) Il est possible de créer des séries de guides à intervalles réguliers, modifier la couleur des guides et enregistrer une série de guides.

Frames : cadres

Les Frames donnent la possibilité de calculer la taille d’éléments (rectangulaires) à l’écran, les comparer et en évaluer le ratio hauteur/largeur :

Lorsque xScope est sélectionné on peut modifier aisément la taille et la position des cadres, les dupliquer et grâce à un menu contextuel, leur donner un ratio particulier et contraindre le cadre dans ce ratio :

Lorsque xScope n’est plus sélectionné, les outils disparaissent et restent le cadre et les mesures :

Crosshair : viseur

Crosshair est un pointeur qui se manifeste par deux barres à 90° qui suivent les déplacements de la souris.

Il permet d’afficher la position de la souris par rapport au coin supérieur gauche de l’écran. Mais il est aussi possible de définir le point de référence du pointeur et ainsi obtenir rapidement des informations sur le positionnement relatif des éléments à l’écran :

Préférences

Les préférences de xScope permettent de créer des raccourcis clavier pour accéder à tout moment à un outil.

On peut également afficher des boutons pour les outils dans la barre des menus. Mais il faut que xScope soit ouvert à l’arrière-plan pour qu’ils s’affichent.

Plutôt que de décrire les options une à une, je vais inclure ici toutes les pages des préférences de l’application. Je vous les propose ainsi pour que vous puissiez vérifier les possibilités du logiciel si une ou plusieurs de ses fonctions vous intéressent :

Conclusion

xScope ne servira pas à tout le monde. J’ai un vrai besoin de certains de ces outils et au vu de leur qualité, j’ai eu plaisir à remercier les développeurs et designers de xScope de 16.50 €. Si vous avez ce genre de besoins en mesures, il est possible que vous ne trouviez pas xScope à votre goût. Mais, dans l’ensemble, pour un designer et notamment un designer web, cette petite application combine la juste dose d’ergonomie, d’esthétisme et de fonctionnalités.