xScope, com­ment tra­cer des re­pères sur son écran (si be­soin est)

Il est fort pos­sible que xScope in­té­resse peu la plu­part des lec­teurs de Cuk. Mais je sou­haite avec ce test, non seule­ment pré­sen­ter ce lo­gi­ciel mais aussi poin­ter du doigt un ex­cellent exemple de dé­ve­lop­pe­ment mac. C’est un de ces lo­gi­ciels qui nous donnent envie de dire : “Si Apple avait dû le faire, ils l’au­raient fait comme ça”. C’est simple et élé­gant, ça va à l’es­sen­tiel.

xScope est dé­ve­loppé par ARTIS Soft­ware mais il est dis­tri­bué par Icon­Fac­tory qui pu­blie quelques autres ap­pli­ca­tions sym­pa­thiques dont Can­dy­Bar, une ap­pli­ca­tion qui per­met de mo­di­fier les icônes de Mac OS X.

xScope est un cou­teau suisse com­posé de 6 lames; cha­cune dis­pose d’un menu.

Ru­lers : règles

Si on clique sur show (le lo­gi­ciel est uni­que­ment en an­glais mais c’est re­la­ti­ve­ment peu gê­nant compte tenu des fonc­tion­na­li­tés de l’ap­pli­ca­tion) une équerre gra­duée semi-trans­pa­rente ap­pa­raît.

Les in­for­ma­tions d’orien­ta­tion et de lon­gueur des deux bras de l’équerre sont proches de l’angle droit :

Lors du dé­pla­ce­ment de la sou­ris, des pe­tits in­di­ca­teurs rouges in­diquent la po­si­tion re­la­tive de celle-ci :

Au bout de l’un des axes se trouve une pe­tite double flèche qui per­met d’in­cli­ner la règle :

Et l’on peut bien en­tendu al­lon­ger les deux règles pour les adap­ter à ce que l’on veut me­su­rer :

Dans le menu vous trou­ve­rez éga­le­ment quelques angles pré­dé­fi­nis et des rac­cour­cis cla­vier pour mo­di­fier un angle ou une lon­gueur :

La seule chose man­quante est la pos­si­bi­lité de me­su­rer des angles, nous n’avons droit qu’à l’angle droit. Il est en re­vanche pos­sible de désac­ti­ver une des deux règles. Ceci dit, pour du de­sign d’in­ter­face, le cal­cul d’angle est peu utile – pour ma part je n’en ai pas be­soin mais je com­pren­drai que d’autres puissent l’avoir – et com­pli­que­rait l’in­ter­face qui est ac­tuel­le­ment on ne peut plus simple et pen­sée en ce sens.

Screens : écrans

Cet outil est es­sen­tiel­le­ment des­tiné au dé­ve­lop­peur web. Il per­met de vi­sua­li­ser, grâce à un cadre trans­pa­rent, l’es­pace que pourra oc­cu­per un site web selon les na­vi­ga­teurs et les dé­fi­ni­tions d’écran choi­sis. Le cadre in­té­rieur (filet noir) re­pré­sente l’es­pace que pourra oc­cu­per la page web; le cadre ex­té­rieur si­gnale la to­ta­lité de l’écran.

Cuk est li­sible (presque en pleine lar­geur) sur un écran 800 pixels.

Loupe

La loupe est… une loupe. De ma­nière gé­né­rale si l’on gros­sit un mor­ceau d’écran on a un qua­drillage de pixels. Pour que cette fonc­tion passe du jouet à l’ou­til, on a sim­ple­ment une liste d’in­for­ma­tion sur le pixel que l’on sur­vole. Mac OS X est livré avec un Co­lo­ri­mètre nu­mé­rique. Les avan­tages ap­por­tés par cette loupe ne sont pas énormes : cette loupe est une vraie loupe, elle in­dique sa po­si­tion, toutes les in­for­ma­tions de cou­leurs qui in­té­ressent les de­si­gners sont dis­po­nibles à l’œil im­mé­dia­te­ment, elle reste au pre­mier plan et on peut mo­di­fier sa taille. Hor­mis cela tous deux peuvent va­rier leur gros­sis­se­ment co­pier la cou­leur du pixel sur­volé grâce à un rac­courci cla­vier.

Au cha­pitre des in­con­vé­nients il y a le fait que l’on ne puisse pas voir une moyenne de cou­leur sur une sé­lec­tion éten­due à plu­sieurs pixels, ce qui est pos­sible avec le Co­lo­ri­mètre nu­mé­rique.

Guides

Les guides se com­portent comme les guides d’un lo­gi­ciel de com­po­si­tion gra­phique. Ces guides peuvent être pla­cées n’im­porte où sur la page et pos­sèdent des pe­tits contrôles qui ap­pa­raissent lorsque xScope est sé­lec­tionné. Ceci peut être utile lorsque l’on vé­ri­fie l’ali­gne­ment d’élé­ments sur dif­fé­rents lo­gi­ciels (par exemple dif­fé­rents na­vi­ga­teurs…) Il est pos­sible de créer des sé­ries de guides à in­ter­valles ré­gu­liers, mo­di­fier la cou­leur des guides et en­re­gis­trer une série de guides.

Frames : cadres

Les Frames donnent la pos­si­bi­lité de cal­cu­ler la taille d’élé­ments (rec­tan­gu­laires) à l’écran, les com­pa­rer et en éva­luer le ratio hau­teur/lar­geur :

Lorsque xScope est sé­lec­tionné on peut mo­di­fier ai­sé­ment la taille et la po­si­tion des cadres, les du­pli­quer et grâce à un menu contex­tuel, leur don­ner un ratio par­ti­cu­lier et contraindre le cadre dans ce ratio :

Lorsque xScope n’est plus sé­lec­tionné, les ou­tils dis­pa­raissent et res­tent le cadre et les me­sures :

Cros­shair : vi­seur

Cros­shair est un poin­teur qui se ma­ni­feste par deux barres à 90° qui suivent les dé­pla­ce­ments de la sou­ris.

Il per­met d’af­fi­cher la po­si­tion de la sou­ris par rap­port au coin su­pé­rieur gauche de l’écran. Mais il est aussi pos­sible de dé­fi­nir le point de ré­fé­rence du poin­teur et ainsi ob­te­nir ra­pi­de­ment des in­for­ma­tions sur le po­si­tion­ne­ment re­la­tif des élé­ments à l’écran :

Pré­fé­rences

Les pré­fé­rences de xScope per­mettent de créer des rac­cour­cis cla­vier pour ac­cé­der à tout mo­ment à un outil.

On peut éga­le­ment af­fi­cher des bou­tons pour les ou­tils dans la barre des menus. Mais il faut que xScope soit ou­vert à l’ar­rière-plan pour qu’ils s’af­fichent.

Plu­tôt que de dé­crire les op­tions une à une, je vais in­clure ici toutes les pages des pré­fé­rences de l’ap­pli­ca­tion. Je vous les pro­pose ainsi pour que vous puis­siez vé­ri­fier les pos­si­bi­li­tés du lo­gi­ciel si une ou plu­sieurs de ses fonc­tions vous in­té­ressent :

Conclu­sion

xScope ne ser­vira pas à tout le monde. J’ai un vrai be­soin de cer­tains de ces ou­tils et au vu de leur qua­lité, j’ai eu plai­sir à re­mer­cier les dé­ve­lop­peurs et de­si­gners de xScope de 16.50 €. Si vous avez ce genre de be­soins en me­sures, il est pos­sible que vous ne trou­viez pas xScope à votre goût. Mais, dans l’en­semble, pour un de­si­gner et no­tam­ment un de­si­gner web, cette pe­tite ap­pli­ca­tion com­bine la juste dose d’er­go­no­mie, d’es­thé­tisme et de fonc­tion­na­li­tés.