2

退屈な UI 作業を実際にすべて作成することなく、iOS および Android デバイス用の偽の UI をまとめようとしています。何とか画像からUIをモックアップする方法はありますか? これまでのところ、Photoshop のデザインとモックアップがあります。

ツールはありますか？Titanium と ForgedUI を確認しました。これはかなり単純なコンセプトですが、それでもすべてを作成するのはやり過ぎだと思います。たとえば、ボタン用に PSD をスライスする必要があります。さらに、データ フィードは URL などから取得する必要があります。

Balsamiq Mockups に似たものが欲しいだけで、画面を互いにリンクして、多数の画面の実際のデモを行います。開発が製品の準備をしている間に、ナビゲーション、フォント、および製品コンセプトをテストしたいと考えています。

前もって感謝します！

4

2 に答える 2

0

ワイヤーフレームの場合、いくつかのオプションがあります:

  1. 忠実度の高いモックアップの場合は、JustSid が推奨するように、Interface Builder とストーリーボードで行います。UI 要素を接続するという面倒な作業は行わないでください。

  2. Adobe Protoのようなツールを見ることができます。試したことはありませんが、オプションのようです。

  3. 超高速で忠実度の低いモックアップ (「封筒の裏側」のモックアップに相当するデジタル版など) では、個人的に iPad、スタイラス、Sketchbook Proなどの描画パッケージを使用します (必要な描画パッケージを使用しますが、私はレイヤーのあるものが好きです）。また、空白のデバイス イメージもiPad に配置しました。

    そのため、iPad で描画パッケージを開き、iPhone デバイスの画像を開始点として使用して新しい描画を開始し、新しいレイヤーにドロップします (レイヤーに描画し、そのレイヤーを非表示にするか破棄して、即座に表示することができます)。空白のデバイス イメージのイメージに戻ります)、この新しいレイヤーに UI をどのように表示するかを描画します。これは、ブレインストーミング セッションに最適です。この概念的で忠実度の低いモックアップから実際の Xcode ストーリーボードへの自動的な橋渡しはありませんが、数秒でユーザー インターフェイスのモックアップを描くことができます。これは、デザイナーとのブレインストーミングのためだけでなく、自分自身の概念的なアイデアを具体化するためにも行っています。

于 2012-11-09T09:40:02.037 に答える