XScope pour OS X: mesure universelle pour les concepteurs

Tout maître - charpentier, un tailleur, un électricien - apporte toujours un certain ensemble de l'instrumentation. Cet ensemble pour les concepteurs d'applications - bureau, mobile et en ligne - vous pouvez appeler le programme xScope. Si vous parlez n'a pas encore entendu parler de note. Surtout récemment changé numéro de version xScope.

Bien sûr, au stade de la création du maquettiste fonctionne avec le compteur intégré dans l'éditeur d'image ou la conception du programme. Un xScope entre en jeu lorsque le projet a atteint la première étape de la mise en œuvre, et nous pouvons, pour ainsi dire, de se sentir la version vivante d'abord compilé de l'application ou imposer une page Web. Eh bien, ou pour afficher une mise en page statique sans les télécharger à l'éditeur approprié, ce qui est pratique pour le personnel responsable du projet.

Pour une inspection approfondie de toutes sortes de ligne très utile, cadres, rails et autres pièces. Ils voient comment la mise en œuvre d'idées correspondantes: objets correctement alignés, que ces dimensions dans certaines zones, et ainsi de suite.. En xScope il a tout.

outils de mesure

Tout ce que le concepteur utilisé pour travailler sur un dessin dans l'éditeur graphique, l'espace grand écran et fournit xScope. Bien que les guides ont longtemps fait partie de la boîte à outils standard d'un éditeur graphique outil guides composé xScope à la différence fonctionnelle. Tout d'abord, le guide, vous pouvez créer plusieurs, y compris automatiquement - réglage du nombre et l'espacement. En second lieu, l'arrangement mutuel des guides peuvent être fixés et les déplacer comme une unité. En troisième lieu, peut être sauvé les nouveaux guides de groupe, afin que vous puissiez les utiliser plus tard, il suffit de télécharger le fichier approprié. Un outil très pratique pour vérifier l'alignement des objets, en particulier si elles sont situées à travers le plan de l'écran.

cadre cadres Il est également utile pour vérifier la mise en page des objets différents, mais dans une zone limitée de la fenêtre ou d'une page Web. A l'intérieur de chaque boîte, vous pouvez activer la grille avec un certain pas ou guides fixes qui divisent le cadre de l'espace en parts égales. Si vous travaillez avec un design pour un écran spécifique pour le cadre, vous pouvez également définir le rapport d'aspect. Au besoin, tout ce qui est dans le champ, ou peut être copié dans le presse-papiers en tant que bitmap, ou tout simplement prendre une capture d'écran qui avec des marques appropriées peuvent être envoyés à un collègue.

règle Rulers Il est également en mesure de plus que ses homologues dans un éditeur graphique habituelle. Il est une sorte de pied à coulisse, croisé avec un rapporteur, ce qui est pratique pour mesurer la taille des objets, la distance entre eux et l'angle auquel ils se trouvent à l'autre. Si vous personnalisez la taille et la position des lignes dans la clé de retenue ^ (Ctrl)L'outil se tenir aux limites de l'élément le plus proche de l'interface d'application ou d'un site Web.

J'ai aimé l'outil dimensionsCela vous permet de trouver rapidement la taille d'une région. Confortable: ont mis le curseur de la souris sur un élément ou une zone - et xScope a montré deux perpendiculaires extrémités, à côté de laquelle est affiché non seulement la largeur et la hauteur dudit objet, mais le rapport de sa côtés. Ce qui est cool en particulier: vous pouvez créer immédiatement un cadre ou placer les guides sur la base des mesures effectuées.

Eh bien, peut-être, l'outil de mesure la plus facile xScope - réticules de it Crosshair. Il peut être utilisé pour déterminer les coordonnées exactes d'un point quelconque, non seulement par rapport à la gauche coin supérieur ou inférieur de l'écran - mais aussi par rapport à tout autre point, qui peut être facilement réglée clés ⌘0.

Outils de test

Des outils xScope séparément, je choisirais une loupe Loupe, Simulateur écrans écrans et une nouvelle fonctionnalité xScope 4.0 - mécanisme superpositions. Ils sont utiles non seulement pour travailler avec le design fini, mais aussi au cours de son développement.

Le principe de fonctionnement de la loupe est évidente: xScope donne une fenêtre flottante qui montre la zone sous le curseur de la souris magnifié. Pour un point directement sous le curseur, vous pouvez trouver la couleur - enregistrer et copier à utiliser dans un éditeur ou une application graphique pour développer. Pour plus de commodité, la fenêtre Loupe peut inclure grille de pixels, croix-cheveux et les mesures globales, dont l'effet ressemble à bien des égards des outils dimensions. Enfin, l'affichage des couleurs dans la loupe peut être ajustée en fonction d'un type de daltonisme que particulièrement important dans le choix des couleurs qui seront en mesure de faire la distinction entre tous les utilisateurs, quelle que soit la couleur perception.

Simulateur écrans - une autre fenêtre flottante, dont la taille permet de simuler l'écran de toute taille et de l'orientation. Cet outil est utile pour que lorsque l'on travaille sur la conception de la mise en page peut être vérifiée immédiatement, comme éléments d'interface et des informations pratiques utiles sont, par exemple, sur l'écran de votre smartphone ou comprimé. La facilité d'utilisation du site sur le MacBook Air 11-écran « - est également une question importante, qui devrait prendre en compte au stade du développement de la conception. Un travail utile est une exposition permanente d'éléments à l'écran comme la barre de menus, panneau Dock, les barres d'outils et l'état des différents navigateurs Web. aussi écrans il y a un simulateur de différents types de déficience visuelle et la soi-disant « deretinizator » qui simplifie la visualisation des éléments graphiques dans la résolution traditionnelle non retinovskom.

En ce qui concerne le nouvel instrument superpositions, Il est utile de vérifier le bon fonctionnement des interfaces d'adaptation. Tout d'abord, il concerne les sites Web conçus pour fonctionner sur des écrans différents. dans le superpositions vous spécifiez un autre ensemble de colonnes avec des lacunes et des marges latérales - et vérifier la mise en page de conception avec différentes largeur de la page. La beauté de cet outil est qu'il est lié à la fenêtre du navigateur Web et, conformément à sa taille, et ajuste automatiquement sa taille, en même temps changer les paramètres de la grille, si la dimension que vous spécifiez en pourcentage, plutôt que en pixels. Toutefois, si vous détenez uniquement mises en page pour différentes largeurs d'écran, comme « statique » peut également être contrôlé sans avoir à charger dans l'édition.

Et autre chose ...

Sorte de bureau d'information pour les polices et prises séparément marque un outil texte. Spécifiez la police d'intérêt puis sélectionnez un caractère particulier - et sa dimension peut obtenir des informations détaillées: signer dimensions lorsqu'il est assemblé dans l'interface, des dimensions physiques et des paramètres de l'analyseur de CSS, de remplacement et similaires signes. Le caractère sélectionné peut être copié comme est, ainsi que divers mnémotechnique.

Enfin, l'outil miroir Il vous permet d'envoyer une image spécifique sur votre appareil mobile, qui doit être installé utilitaire xScope Mirror. Dans la zone miroir Vous pouvez télécharger le contenu de la fenêtre sous le pointeur de la souris pour afficher une image statique d'un fichier ou le presse-papiers. Mais le plus intéressant est que xScope peut se connecter à « Photoshop », où en temps réel miroir Il sera transmis à l'œil appareil toutes les modifications apportées à la conception de la mise en page. Développeur d'interfaces mobiles est outil très utile qui simplifie grandement l'aperçu de la mise en page avant d'être transférés au développeur. soutien bien AirPlay donne l'occasion de mettre en valeur les dessins, par exemple, sur Apple TV.

Facilité d'utilisation et de personnalisation

Chaque xScope outil appelé en un seul clic de souris sur le bouton approprié dans la barre d'outils flottante. Cependant, j'ai aimé la possibilité d'afficher le même ensemble de boutons dans la barre de menu OS X: si l'écran ne se bloque pas des objets supplémentaires qui peuvent distraire du travail. Cependant, une solution encore plus compacte - une seule icône xScope et les touches de raccourci qui peuvent être attribués à des outils spécifiques.

Dans les paramètres du programme est aussi beaucoup de choses intéressantes. Par exemple, vous pouvez spécifier une liste de polices pour travailler avec la fenêtre texte ou un ensemble d'affichage tailles pour l'outil écrans. La précision des limites de la reconnaissance dans dimensions et le format des couleurs copiés en mode Loupe, des lignes de couleur pour guides, cadres et CrosshairEt passer certains instruments à la transition vers une application particulière (section SmartTools) - seulement les paramètres de xScope petite partie qui peut être ajustée de manière souple pour répondre à vos besoins.

Inutile de dire, un outil très sérieux pour le concepteur professionnel, ce qui simplifie grandement le travail sur la conception détaillée des interfaces, indépendamment du fait que, en vertu d'une taille de l'écran et la résolution sont créés. Ainsi xScope élimine le besoin d'installer l'ensemble des faisceaux plug-in pour les programmes spécifiques. Si ceci est votre domaine d'activité - recommande fortement au moins connaître démo xScope. Lien pour acheter le Mac App Store est inclus.