XScope für OS X: universal Maß für Designer
Makradar Technologie / / December 19, 2019
Jeder Master - Schreiner, ein Schneider, ein Elektriker - bringt immer in einem bestimmten Satz von Instrumenten. Dieser Satz für die Designer von Anwendungen - Desktop, Mobile und Online - das Programm xScope aufrufen können. Wenn man darüber redet noch nicht von Ton zu hören. Gerade vor kurzem xScope Hauptversionsnummer geändert.
Natürlich auf der Bühne arbeitet, um die Layout-Designer schaffen mit der eingebauten Bild-Editor oder Programmgestaltung. Ein xScope kommt ins Spiel, wenn das Projekt der erste Phase der Umsetzung erreicht hat, und wir können, sozusagen lebendig ersten kompilierte Version der Anwendung zu fühlen oder eine Web-Seite zu verhängen. Na ja, oder ein statisches Layout zu sehen, ohne sie an den entsprechenden Editor herunterzuladen, die für das Personal verantwortlich für das Projekt geeignet ist.
Für eine gründliche Inspektion aller Arten von sehr nützlicher Linie, Rahmen, Schienen und anderen Stücken. Sie sehen, wie die Umsetzung der entsprechenden Idee: richtig Objekte ausgerichtet ist, ob diese Größen in bestimmten Bereichen, und so weiter.. In xScope es hat sie alle.
Messwerkzeuge
Alles, was der Designer auf einem Design im grafischen Editor, Breitbild-Raum Arbeits verwendet und bietet xScope. Während Führer haben einen Teil der Standard-Toolkit jeder Grafik-Editor-Tool lange Guides Im Gegensatz zu xScope funktionellen zusammensetzt. Zunächst wird der Führer, können Sie mehrere, erstellen automatisch inklusive - Einstellen der Anzahl und Abstand. Zweitens kann die gegenseitige Anordnung der Führungen befestigt und als eine Einheit bewegen werden. Drittens können die neuen Gruppenführungen werden gespeichert, so dass später sie nutzen zu können, einfach die entsprechende Datei herunterladen. Ein sehr praktisches Werkzeug, um die Ausrichtung der Objekte für die Überprüfung, vor allem, wenn sie über die Ebene des Bildschirms befinden.
Rahmen Rahmen Es ist auch nützlich für das Layout der verschiedenen Objekte überprüft, aber in einem begrenzten Bereich des Fensters oder eine Webseite. Innerhalb jeder Box können Sie das Raster mit einer bestimmten Tonhöhe oder festen Führungen ermöglichen, die den Raum Rahmen in gleichen Teilen aufzuteilen. Wenn Sie mit einem Entwurf für einen bestimmten Bildschirm für den Rahmen arbeiten, können Sie auch das Bildseitenverhältnis eingestellt. Falls erforderlich, alle, die im Rahmen von ist, oder kann als Bitmap in die Zwischenablage kopiert werden, oder einfach nur einen Screenshot, dass mit entsprechenden Markierungen an einen Kollegen geschickt werden.
Herrscher Lineale Es ist auch in der Lage, mehr als seine Kollegen in jedem üblichen Grafikeditor. Es ist eine Art von Bremssatteln, mit einem Winkelmesser gekreuzt, was sehr praktisch ist die Größe von Objekten zu messen, um den Abstand zwischen ihnen und dem Winkel, in dem sie zueinander angeordnet sind. Wenn Sie die Größe und Lage der Linien in Halteschlüssel anpassen ^ (Ctrl)Das Tool wird, halten Sie sich an die Grenzen des nächsten Elements der Anwendungsschnittstelle oder auf der Website.
Ich mochte das sehr Werkzeug GrößeDas ermöglicht es Ihnen, schnell die Größe jeder Region zu erfahren. Komfortabel: hat das Maus-Cursor auf einem Element oder einen Bereich gelegt - und xScope zeigte zwei senkrecht mit Enden, neben dem angezeigt wird, nicht nur die Breite und die Höhe des Objekts, aber das Verhältnis ihrer Seiten. Was ist besonders kühl: Sie können sofort einen Rahmen erstellen oder die Führungen auf der Grundlage von Messungen statt.
Nun, vielleicht das einfachste Messwerkzeug in xScope - es ist ein Fadenkreuz Fadenkreuz. Es kann verwendet werden, um die genaue Koordinaten von jedem Punkt zu bestimmen, nicht nur in Bezug auf den linken obere oder untere Ecke des Bildschirms, - sondern auch in Bezug auf jeden anderen Punkt, der leicht eingestellt werden kann, Schlüssel ⌘0.
Test-tools
Von Werkzeugen separat xScope, würde ich eine Lupe heraus Loupe, Screens Simulator Screens und ein neues Feature xScope 4.0 - Mechanismus Overlays. Sie sind nützlich, nicht nur für die Arbeit mit dem fertigen Design, sondern auch während seiner Entwicklung.
Das Funktionsprinzip der Lupe ist offensichtlich: xScope gibt ein schwebendes Fenster zeigt der Bereich, daß unter dem Mauszeiger vergrößert. Für einen Punkt direkt unter dem Cursor können Sie die Farbe gefunden haben - speichern und kopieren für die Verwendung in einem Grafik-Editor oder eine Anwendung zu entwickeln. Der Einfachheit halber kann die Lupe Fenster schließen Pixelraster, Cross-Haare und die gesamten Messungen, deren Wirkung ähnelt in vielerlei Hinsicht Werkzeuge Größe. Schließlich kann die Anzeige der Farben in der Lupe in Übereinstimmung mit einer Art von Farbenblindheit eingestellt wird, dass Besonders wichtig bei der Auswahl der Farben, die zwischen allen Benutzern, unabhängig von der Farbe zu unterscheiden in der Lage, Wahrnehmung.
Simulator-Bildschirme - eine weitere schwimmende Fenster, dessen Größe ermöglicht dem Bildschirm jeder Größe und Orientierung zu simulieren. Dieses Tool ist insofern nützlich, wenn sie auf dem Layout-Design arbeiten kann sofort geprüft werden, da komfortable Schnittstelle Elemente und nützliche Informationen, zum Beispiel auf dem Bildschirm Ihres Smartphones oder Tablette. Die Benutzerfreundlichkeit der Website auf der MacBook Air 11-screen „- ist auch ein wichtiges Thema, das in Rechnung in der Phase der Designentwicklung nehmen soll. Nützliche Arbeit ist eine permanente Anzeige der On-Screen-Elemente wie die Menüleiste, Panel-Dock, Symbolleisten und den Status von verschiedenen Web-Browsern. auch in Screens gibt es einen Simulator von verschiedenen Arten von Sehschwäche und den so genannten „deretinizator“, die die Anzeige von grafischen Elementen in der traditionellen nicht-retinovskom Auflösung vereinfacht.
In Bezug auf das neue Instrument Overlays, Es ist nützlich, um den korrekten Betrieb der adaptiven Schnittstellen zu überprüfen. Vor allem geht es um die zur Arbeit auf verschiedenen Bildschirmen konzipiert Websites. im Overlays geben Sie einen anderen Satz von Spalten mit Spalten und Seitenrand - und überprüfen Sie das Design-Layout mit verschiedener Seitenbreite aus. Die Schönheit dieses Tool ist, dass es an das Web-Browser-Fenster gebunden ist und in Übereinstimmung mit seiner Größe, und passt seine Größe, die gleichzeitig die Änderung der Parameter des Gitters, wenn die Dimension, die Sie als Prozentsatz angeben, statt in Pixel. Wenn Sie jedoch nur Layouts für verschiedene Rasterweiten, wie „statische“ halten kann, auch ohne dass geprüft werden, in die Bearbeitung zu laden.
Und noch etwas anderes ...
Art der Information Schreibtisch für Schriften und separat Markierungen ein Werkzeug genommen Text. Geben Sie die Schrift von Interesse und dann ein bestimmtes Zeichen wählen - und seine Dimension kann detaillierte Informationen erhalten: Abmessungen schreiben, wenn sie in der Schnittstelle, die physikalischen Abmessungen und Parameter für den CSS-Analysator, alternativen und ähnliche zusammengebaut Zeichen. Das ausgewählte Zeichen kann kopiert werden wie sie ist, sowie verschiedene mnemonic.
Schließlich wird das Werkzeug Spiegel Es erlaubt Ihnen, ein bestimmtes Bild auf Ihrem Mobilgerät zu senden, die Dienstprogramm xScope Spiegel installiert werden muss. In der Box Spiegel Sie können den Inhalt des Fensters unter dem Mauszeiger herunterladen, ein statisches Bild aus einer Datei oder die Zwischenablage anzuzeigen. Aber am interessantesten ist, dass xScope zu „Photoshop“ verbinden kann, wo in Echtzeit Spiegel Es wird auf die Augen Gerät alle Änderungen, die Sie im Layout-Design gemacht übertragen werden. Entwickler von mobilen Schnittstellen ist sehr nützliches Werkzeug, das stark die Layout-Vorschau vereinfacht, bevor sie an den Entwickler übertragen werden. Nun AirPlay-Unterstützung bietet eine Gelegenheit, die Entwürfe zu präsentieren, zum Beispiel auf dem Apple TV.
Usability und Anpassung
Jedes Werkzeug xScope in einem Maus-Klick auf die entsprechende Schaltfläche in der Symbolleiste schwebend bezeichnet. Allerdings mochte ich die Möglichkeit, den gleichen Satz von Schaltflächen in der Menüleiste O X angezeigt werden: so dass der Bildschirm nicht zusätzliche Objekte nicht hängen, die von der Arbeit ablenken. Allerdings ist eine noch kompaktere Lösung - nur ein Symbol mit xScope und Hotkeys, die auf bestimmte Tools zugeordnet werden kann.
In den Programmeinstellungen ist auch eine Menge interessanter Dinge. Zum Beispiel können Sie eine Liste von Schriftarten zur Arbeit mit dem Fenster angeben Text oder Satz von Displaygrößen für das Werkzeug Screens. Die Genauigkeit der Grenzen der Anerkennung Größe und das Format der kopierten Farben in Loupe, Linien der Farbe für Guides, Rahmen und FadenkreuzUnd schalten bestimmte Instrumente am Übergang zu einer bestimmten Anwendung (Abschnitt Smarttools) - nur ein kleiner Teil xScope Parameter, die sich flexibel an Ihre Bedürfnisse anzupassen angepasst werden kann.
Unnötig zu sagen, ein sehr ernstes Werkzeug für die professionellen Designer, die die Arbeit erheblich vereinfachen auf die detaillierte Gestaltung von Schnittstellen, unabhängig davon, ob in jeder Bildschirmgröße und Auflösung erstellt. So xScope entfällt die Notwendigkeit, die gesamte Plug-In Bundles für bestimmte Programme zu installieren. Wenn dies Ihr Tätigkeitsfeld ist - sehr zumindest empfehlen kennen Demo xScope. Link, um den Mac App Store zu kaufen ist im Preis enthalten.