ブラックフライデー&サイバーマンデーセール 2024

iPhoneやiPadにMacでデザインしたiOSアプリのデモ画像やPSDファイルを表示でき、タップで画面を変更できるアプリ「Prototypr」が無料セール中。

記事内に広告が含まれています。
スポンサーリンク

 iPhoneやiPadにMacでデザインしたiOSアプリの画像やPSDファイルを表示できるアプリ「Prototypr」が無料セール中です。詳細は以下から。

 PrototyprはMacでデザインしたiOSアプリのデモ画面をiPhoneやiPadに表示させることが出来るアプリです。


Prototypr-Hero


 使い方はまずMacとiPhone/iPadにPrototyprアプリをインストールし起動。(画像はWiFi経由でiOSアプリに表示するため同じネットワーク内にMacとiOSデバイスを置いて下さい)


Prototypr-Install

 PrototyprアプリでiOSデバイスを選択して、作成したiOSアプリのデモ画面や表示したい画像のPNGやJPEG, PSDファイルをドラッグ&ドロップ。


Protoypr-for-Mac-Main

 メニューバーの[Mockup Preview]から[Available Devices…]でプレビュー画面を表示したいデバイスを選択。


Pototypr-Preview-Device-Select

接続が完了すると右上のアクセスマークが付き、iPhoneアプリ側にPrototypesファイル名が表示されます(iOSアプリでメイン画面に戻るには2本指でタップ)。


Prototypr-iPhone-Access

タップ設定

 さらに、Prototyprにはタップエリアを指定して画像を変更できる機能があります。先ほどのデモ画面を複数用意し、Prototyprにインポート。


Protoypr-for-Mac-Main-3Demo-image

 メインウィンドウでタップエリアを選択し、エリアウィンドウ上に表示されている[+]ボタンからタップした際に表示する画面へ(Interface Builderの様に)結びつけます。


Protoypr-for-Mac-select-area

 複数のエリア設定も可能なのでオブジェクトタップごとに表示する画面がある場合はその画面を接続、デモ画面ごとにタップエリアと移行画面を設定できるのでループさせることも可能です。


Prototypr-connect-area

 全て設定したら、再度iOSデバイスと接続しデモ画面で設定したエリアをタップすると画面が変更されていきます。


Prototypr-Demo-Gif-Anime
[Gif Anime]

 Prototyprはタップして画面が変更でき、オブジェクトの位置などを決めるときに便利そうですがリアルタイムプレビューは出来ないので、そちらの機能がほしい方はSkala Previewb.hatenaをどうぞ。

Prototypr 1700円 → 無料

Prototypr
カテゴリ: グラフィック&デザイン
価格: 無料
リリース日: 2012/05/03

Prototypr Viewer 無料

Prototypr Viewer
カテゴリ: 仕事効率化
価格: 無料
リリース日: 2012/03/28


コメント

  1. Apple7743 より:

    お〜これはありがたいというか、面白い。

タイトルとURLをコピーしました