「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた! (2/7ページ)

アプギガ


prott-wireframe_04


使い方は非常にシンプルで、左メニューにある「アイコン画像」をキャンバス上へドラッグ&ドロップしていくだけで「画面」が作れます!
prott-wireframe_05


アイコン画像の詳細設定は、右メニューで一括して行えるようになっています。
prott-wireframe_06


現時点では、ほぼスマホに最適化された「アイコン画像」となっていますが、シェイプ画像や手持ちの画像もアップロードできるようになっています。
prott-wireframe_07
これにより、PCやApple Watch用のワイヤーフレームもサクッと作れるようになっているので便利です。


プロトタイピングに挑戦!
それでは、簡単な「ワイヤーフレーム」を作りながら、手っ取り早くプロトタイプを作ってみましょう!

作るのは、簡易的な「Twitter風」のタイムライン画面です。


そこで、まずは画面トップに「ナビゲーションバー」を配置してみましょう。
「「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた!」のページです。デイリーニュースオンラインは、面白Webサービススマートフォンアプリネットなどの最新ニュースを毎日配信しています。
ページの先頭へ戻る