デザイナーやプログラマーに超便利!UI設計のたたき台を即作成できる『Prott - プロトタイピングツールで簡単デザイン・開発』

2015年07月09日 07:30 by 編集部はた
Prott - プロトタイピングツールで簡単デザイン・開発

Prott – プロトタイピングツールで簡単デザイン・開発

『Prott – プロトタイピングツールで簡単デザイン・開発』は、アプリやツール・ソフト、WebサイトなどのUIを構築する際のたたき台を作るのに役立つアプリです。

 

「A画面」の「ボタン3」から「B画面」に移動して、そこから「ボタン6」で「C画面」へというような画面の移動をアプリ上で簡単に再現することができます。

 

口頭や紙面で説明しようとするとなかなか伝わらず「実際に見せられれば早いけどそんな時間はないよ!」と思ったことはありませんか?本アプリをぜひおすすめしますよ!

 

 

まず、ユーザ登録を行います。登録完了するとアカウント認証メールが来るので認証しましょう。

 

使い方は、プロジェクトを作成し、素材となる画像を読み込みます。写真も可なのでその場で手書きをして撮影してもOKです。

 

Prott - プロトタイピングツールで簡単デザイン・開発:プロジェクトの作成(左)素材画像の読み込み(右)

Prott – プロトタイピングツールで簡単デザイン・開発:プロジェクトの作成(左)素材画像の読み込み(右)

 

読み込んだ素材をタップして動作の起動ポイントを作成しましょう。ポイントを決めたら「リンク」アイコンをタップして動作を決めます。

 

Prott - プロトタイピングツールで簡単デザイン・開発:動作ポイントを作成(左)リンク先と動作内容を決定(右)

Prott – プロトタイピングツールで簡単デザイン・開発:動作ポイントを作成(左)リンク先と動作内容を決定(右)

 

動作は、リンク先、アクション、画面動作の3種類です。全部決めたら「完了」で設定完了です。動作の確認は右下の再生ボタンでできますよ。

 

ちなみに本アプリは30日間の無料トライアル版です。30日経過後は1プロジェクトのみ利用可能です。本格的にお仕事で利用する場合は「有料プラン」に登録しましょう。

 

他にも便利なアプリが揃っています!

Prott - プロトタイピングツールで簡単デザイン・開発
Goodpatch Inc. Prott - プロトタイピングツールで簡単デザイン・開発 無料

『Prott - プロトタイピングツールで簡単デザイン・開発』~デザイナーやプログラマーに超便利!UI設計のたたき台を即作成できる~

上のQRコードを読み取ってAndroid端末でダウンロード

無料QRコードアプリ