xScope – mehr als nur ein Lineal auf deinem Mac!

Developer kennen das Problem der begrenzten Bildschirmgröße und wenn diese dann noch von Benutzer zu Benutzer verschieden groß sind wird das ganze komplizierter. Damit das Design perfekt passt und harmoniert, auch auf unterschiedlichen Bildschirmgrößen, kommt es des öftesten mal vor das man die Benutzeroberfläche vermessen muss. Nun stellt sich die Frage wie man dies tut. Es gibt sicherlich ein paar Primitive Varianten und diese sind auch nicht zwangsläufig ungenau, aber meist unhandlich und kompliziert. Mit xScope löst sich zumindest das Problem des vermessens in Luft auf.

xScope ist ein umfangreiches und professionelles Vermessungswerkzeug für den Mac. Mit den sechs Vermessungstools gibt es kein Objekt oder Bereich welcher nicht vermessen werden kann. Die sechs Tools sind sehr verschieden und haben im wesentlichen nur ein gemeinsames Merkmal, Pixel vermessen. Dabei lassen sie sich in verschiedenster Art und Weise kombinieren.

DIMENSIONS
Das „Dimensions“-Tool wird der Mauszeiger als Messmittelpunkt gesehen. Von diesem Punkt misst xScope den Abstand zum nächsten Objekt auf dem Bildschirm. Dabei ist xScope intelligent, denn es erkennt die einzelnen Bestandteile der Benutzeroberfläche des Macs bzw. der Webseite und vermisst z.B. bei einer Textbox auf einer Webseite nicht den vom HTML Code definierten Bereich der Box, sondern misst bis an den Text heran (siehe Screenshot). Wenn gewünscht kann auch die Textbox im Ganzen als Element erkannt werden und somit wird die Angrenzung der Box und nicht der Inhalt als Messpunkt gesehen. (Die Funktion ist recht schwer in Worte zu fassen, also schaut euch am besten das Video an)


RULERS
Dieses Tool zeigt, wie der Name schon verrät, ein Lineal, welches in der Länge verstellbar ist und rotiert werden kann. Wahlweise kann man sich ein zweites Lineal einblenden Lassen welches sich im rechten Winkel zum anderen platziert. Somit lässt sich einfach und schnell auf zwei Achsen messen.

SCREENS
„Screens“ zeigt dir einen fest definierten Bereich von verschieden Bildschirmgrößen an. Eine große Auswahl an Flächen gibt es bereits in den Einstellungen wie zum Beispiel iPhone. Es besteht aber auch die Möglichkeit eigene hinzuzufügen. Somit kann man testen ob z.B. die Benutzeroberfläche auf ein 13″ MacBook Pro passen würde.
Das besondere am „Screens“-Tool ist, das man sich für die verschiedenen Browser auf Mac und PC die nutzbare Fläche berechnen lassen kann.

LOUPE
Der Name sagt eigentlich schon fast alles. Mit der „Loupe“ wird ein kleiner Bereich um ein vielfaches Vergrößert. Auch hier gibt es allerlei Einstellungen wie z.B. den Zoomfaktor. Ein sehr wichtiges extra der „Loupe“ ist das die Farbe der Pixel in verschiedenen Farbcodes ausgegeben werden lassen kann.

GUIDES
Mit den „Guides“ unterteilt man seinen Bildschirm mit Horizontalen und Vertikalen Linien. Auch hier werden die Abstände der Linien gemessen und man kann sich sein eigenes Raster basteln.

FRAMES
Mit diesem Tool wird ein Rechteck angezeigt, wessen Größe manuell verstellbar ist. Man kann sich auch mehrere „Frames“ einblenden lassen und diese unterschiedlich in der Größe verändern.

CROSSHAIR
Das „Crosshair“ ist, finde ich persönlich, das am wenig interessanteste Tool. Es zeigt ausschließlich von der Position der Maus in horizontaler und vertikaler Richtung jeweils eine Linie und gibt die Koordinaten des Mittelpunktes aus. Der Ursprung ist standartmäßig die linke obere ecke des Bildschirmes. Mehr kann das „Crosshair“ leider nicht, aber in Kombination mit den anderen Tools ist es sicherlich für den ein oder anderen Nützlich.

Zusammenfassend kann ich nur sagen: xScope ist ein super Praktisches Tool für Web- und Screendesigner! Es ist für sagenhafte 24€ im Mac App Store erhältlich, jedoch bekommt man für den Preis auch ein sagenhaftes Toolpacket.

PREIS:
23,99€

ENTWICKLER:
The Iconfactory

SYSTEMVORAUSSETZUNGEN:
Mac OS X 10.6.6 oder neuer

MAC APP STORE LINK

Schreibe einen Kommentar

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s