Xscope 4.0: すべてのグラフィックプロが持つべき万能ツール

ピクセルの完璧さを実現することは、開発者とデザイナーの両方を悩ませる課題です。画面上のデザインの細部まですべて測定、検査、検出する能力こそが、優れたアプリと優れたグラフィックスを実現する鍵となることがよくあります。

この事実は、過去 20 年間の大部分を、インディーズ アプリから数十億ドル規模のオペレーティング システムまで、あらゆるもののグラフィックスとアイコンのデザインに費やしてきた The Iconfactory のスタッフにとっても明らかです。

Iconfactoryは2004年以来、ドイツの開発会社Artis Softwareと共同で xScope（Mac App Storeリンク、50ドル）を公開しています。xScopeは、グラフィックワークのキュレーションを容易にするためのツールを1つにまとめたものです。以前xScope 2をレビューしましたが、バージョン4は6月下旬にデジタルストアで販売開始となり、前バージョンに比べて数十もの改良が加えられています。

老犬

Xscope を初めて目にする方にとって、Xscope は、デザイナーや開発者が画面上で何が起こっているかを把握できるように設計されたツールのコレクションであると説明するのが最も適切です。

例えば、寸法ツールは画面上に十字線を表示し、高度な画像認識技術を用いて最も近いユーザーインターフェース要素からの距離を測定します。これは、テキストボックスからウィンドウまで、あらゆるもののサイズを素早く測定できる優れたツールです。スクリーンショットを撮ってお気に入りのグラフィックソフトに転送する必要はありません。同様に、定規ツールは画面上に目盛り付きの定規を重ねて表示し、作業中のあらゆるもののサイズを素早く目視で確認し、位置を微調整することができます。

その他のツールとしては、さまざまな画面サイズをシミュレートできる「スクリーン」、ポインターを動かすとデスクトップのコンテンツを拡大する「ルーペ」、コンテンツをレイアウトするためのガイドとして機能する一連のオーバーレイを作成する「フレーム」などがあります。

新しいトリック

しかし、2008 年の前回のレビュー以降、Xscope の開発者はアプリを大幅に改良し、既存のツールに何百もの機能強化を加えてきました。これらの変更の多くは、Apple のソフトウェア エコシステム自体に生じた進歩を反映しています。

まず、このアプリはRetinaディスプレイに最適化されたコンテンツに完全に対応しました。高解像度画面上で、実際のピクセルまたは論理ウィンドウポイントのいずれかで正確な計測を行ったり、画像を「デレチナイズ」して通常のディスプレイでの表示​​をシミュレートしたり、逆にRetina画像をリアルタイムで縮小して低解像度モニター上でシームレスにレンダリングしたりできます。

さらに、xScope は、11 インチ MacBook Air の小さな画面に適したサイズの設定ウィンドウの導入や、CPU と GPU の両方をより有効に活用してパフォーマンスを向上させ、消費電力を削減するコードなど、OS X 環境の最近の変更点を活用できるように更新されました。

壁に書かれた文字

もちろん、どんなによく考えられた微調整でも、新しいバージョンが作られるわけではありません。xScope 4 には、デザイナーがテキストとリアルタイム開発を制御するのに役立つ 2 つの新しいツールも付属しています。

1つ目は「テキスト」という適切な名前のウィンドウを提供し、システムで利用可能なすべてのグリフを探索できます。通常のフォントブラウザをはるかに超えるこのツールは、Unicodeシンボルのコレクション全体を検索し、利用可能なすべての異体、16進値、HTMLエンティティ名など、それぞれのシンボルに関する豊富な情報を提供します。

探している特定のシンボルが見つかったら、それをペーストボードにコピーするか、特別なパネルでさらに詳しく調べることができます。特別なパネルでは、システムで使用可能なフォントを選択すると、アセンダ、ディセンダ、高さなどの構成要素を視覚化して測定できます。

そちら側

2 つ目の新しいツールは「オーバーレイ」と呼ばれ、画面上に透明なパネルを重ねて表示します。このパネルには、明確に定義された一連のガイドに従ってコンテンツをすばやくフォーマットするのに役立つグリッドを表示できます。

オーバーレイはどのウィンドウにも使用できますが、このツールは特にWebデザインに適しています。コンテンツがCSSグリッドに正しく配置されているかを確認できるからです。さらに、アプリやWebページのモックアップなど、任意の半透明画像をウィンドウに表示するように設定し、デザイン作業のガイドとして活用することもできます。

巧妙なことに、オーバーレイツールはデスクトップ上のウィンドウの1つに「ロック」することができます。これにより、そのウィンドウのサイズを変更したり移動したりすると、オーバーレイは自動的にそのウィンドウのサイズと位置に合わせて調整されます。App Store版のxScopeでは、この機能を使用するにはAppleのサンドボックスモデルの制限を回避するために多少の操作が必要ですが、それ以外は使いやすく、私のテストでは非常に堅牢であることが証明されたツールです。

最も美しい

もう1つの「新機能」は、バージョン4.0の新機能ではありませんが、前回のレビュー以降に追加されたものです。その重要性から、ここで触れておく価値があります。Mirrorです。Mirrorは、安価なiOSコンパニオンアプリと連携して動作し、Mac画面の一部をiOSデバイスにリアルタイムでミラーリングできます。PhotoshopやXcodeのウィンドウのコンテンツを、プロジェクトの作業中にiPhoneやiPadにシームレスに表示できるAirPlayのようなものです。

xScope のすべてのツールの中で、Mirror は最も普遍的な魅力を持っているように思われます。Mirror を使用すると、デザイナーと開発者の両方が、実際のデバイスに展開されたときに作業がどのように見えるかについてのフィードバックをすぐに得ることができ、ワークフローを改善できます。

プロフェッショナルのための素晴らしいツール

xScopeは、時間を大切にし、効率と生産性を向上させるツールへの投資を正当化できるプロフェッショナルにとって魅力的な価格設定となっています。このアプリは、便利なツールセットを提供しているだけでなく、あらゆる機能の細部に至るまで精緻に設計されているため、その期待に見事に応えています。そのため、使い心地も抜群です。

結局のところ、デザイナーであれ開発者であれ、グラフィック操作を伴うクリエイティブな作業をするなら、xScopeはMacに必須のアプリです。xScopeは、より少ない時間と労力で、より多くの成果を上げるのに役立つ完璧な機能を提供します。