
少し前に、iPhoneやiPadのスクリーンショットを外出先でアーカイブして分析できるユーティリティ「Screenshot Journal」の簡単なレビューを書きました。最大400%まで拡大表示でき、ピクセル単位でデザイン上の欠陥を簡単に見つけられるのが特徴です。しかし、スクリーンショットを相互に転送するには、私はPastebotを使っています。最近知ったのですが、開発元のBjangoはSkalaという、この2つの世界を融合させたようなツールを提供しているようです。
Skalaは、デザイナーがコンピュータで作成したiPhoneやiPadのUIデザイン(または壁紙などの他の作品)をiOSデバイスの画面で簡単に確認できるツールです。Skalaには2つのアプリがあります。Mac版のSkala Preview(皮肉なことに、こちらのアイコンはOS Xで恐れられているビーチボールの3Dバージョンです)とiOS版のSkala Viewです。後者はiPadとiPhoneの両方で動作しますが、デザインは同じなので、ここではiPhone版のみに焦点を当てます。
まずはMac版のSkala Previewから。これは有料サービスですが、iOS版のSkala Viewは完全に無料です。自宅や職場のネットワークで両方のアプリを起動したら、Wi-Fi(シームレスかつ高速に動作します)経由で接続する必要があります。Mac版のSkala Previewでは、Photoshop CS5(残念ながら私はまだCS4を使用しているため、この機能はテストできませんでした)に接続して、編集中に新しい作品をPSDとして直接インポートし、iOSデバイスに送信することもできます(複数の画像を並行して使用して、たとえばRetinaディスプレイと非Retinaディスプレイを同時にチェックすることも可能です)。これにより、編集中にキャンバスを確認できるので、非常に便利です。
CS5をお使いでない場合でも(CS6もサポートされています)、作成した作品を素早くプレビューできます。Skala Previewに画像をドラッグ&ドロップするか、クリップボードにあるすべての画像を自動的にコピーするオプションを選択すると、iPhoneまたはiPadに転送されます。モバイルデバイスにスクリーンショットが既に保存されている場合は、iOSアプリでカメラロールから画像をインポートすることもできます。
いよいよこの製品の真髄、iPhoneやiPadで使えるSkala Viewの機能についてお話しします。デスクトップでは画像のプレビューとサイズ情報が表示されますが、モバイルデバイスでは様々な便利で面白いことができます。画像を閲覧する際は、さらに高倍率で拡大表示することで、すべてのピクセルを詳細に確認できますが、Skala Viewは最大1600%(Screenshot Journalの4倍)まで拡大表示でき、デザインの細部まで鮮明に表示されます。小さなピクセルから大きなピクセルまで、あらゆるミスがはっきりと確認できます。これらの機能は、完璧なデザインへのこだわりと注意力を高めるのに役立つと確信しています。
さらに、Bjango のデザイナーたちは色覚異常の人たちのことをとても大切に考えています。メガネのシンボルをタップするだけで、自分のデザインが P 型色覚、D 型色覚、T 型色覚、あるいは完全な色覚異常の人たちにどのように見えるかをテストできます。これらの障害を持つ人たちが直面する視覚状況に合わせて色が変化し、コントラストやさまざまな要素の認識といった点で、自分のデザインが実際に使えるかどうかを確認できます。調査プロセスが終了し、結果に満足したら、Twitter で共有したり、メールに添付して送信したり、デバイスのカメラロールに保存したりできます。これらの機能はすべて、私の iPod touch 第 3 世代ではほぼシームレスに動作しました。ポップアップセレクタパネルを使って 3 つの共有オプションのいずれかを選択するだけで、読み込みに少し時間がかかりました。
Bjango、特にリードデザイナーのMarc Edwardsは、時間をかけて独自のUIとUXスタイルを開発しました。それは、クリアで主にステンレススチールのボーダーとフレーム、そして全体的にかなりダークでありながらも陰鬱で親しみやすい雰囲気です。Skalaも例外ではありません。ここでは明らかにシンプルな画像に重点が置かれており、革新的なUI要素はあまりありませんが、Bjangoは標準のポップアップセレクターを新しい黒と青のスタイルに再設計することで、アプリに特別なタッチを与えることに成功しました。この非常に美しく控えめなデザインはMacのPreviewアプリにも適用されており、両方のアプリは同じ外観で、視覚的にも機能的にも完璧に調和しています。
これらすべての機能により、モバイルデザインを対応するデバイス上で即座にチェックできる非常に便利なツールとなっています。Skalaは価格に見合う価値が十分にあり、特にPhotoshopを使用するすべてのiOSデザイナーにおすすめです。
Skala Preview を Mac App Store でわずか 4.99 ドルで入手できます。
Skala View をユニバーサル iOS アプリとして App Store から無料でダウンロードしてください。
注: 色覚異常の影響のシミュレーションを示すために使用したゲームは、「Phased」と呼ばれます。
追加コンテンツと特典にアクセスする
Club MacStories は 2015 年に設立され、ほぼ 10 年間にわたって毎週独占コンテンツを提供してきました。
毎週、毎月の電子メール ニュースレターから始まったものが、すべての MacStories ファン向けに設計されたメンバーシップ ファミリーに成長しました。
詳細については、こちらおよびクラブの FAQ をご覧ください。
Club MacStories : アプリ、ヒント、自動化ワークフロー、長文執筆、MacStories Unwind ポッドキャストへの早期アクセス、定期的な景品など、盛りだくさんの情報を満載した、電子メールと Web 経由の週刊および月刊ニュースレター。
Club MacStories+ : Club MacStories が提供するすべての機能に加え、アクティブな Discord コミュニティ、クラブの過去のカタログ全体を閲覧するための高度な検索機能とカスタム RSS 機能、ボーナス コラム、多数のアプリ割引などが含まれます。
Club Premier : 上記のすべてに加え、早期に、広告なしで、高ビットレートのオーディオで配信される当社の主力ポッドキャストの拡張バージョンである AppStories+ が含まれます。