今までは鉛筆で紙にモックアップを描いていましたが、ほとんどの場合うまくいきますが、これを行うための専門的なツールがあるかどうか疑問に思っていましたか? たとえば、チーム プロジェクトの場合、GUI のモックアップのアイデアはどのように伝えられているのでしょうか。私のネアンデルタール人の紙と鉛筆の方法ではありません。デスクトップ アプリケーションに焦点を当てているので、アドバイスをお願いします。また、いくつかの IDE デザイナを使用しました。これまでに使用した中で最も便利で直感的なのは Nokias Qt Designer です。これは、Qt の MVC パターンと設計にスロット/シグナルの関係を追加する機能とうまく統合されているためです。
Qt Designer によく似ているが、いくつかの UI アイデアをモックアップするための、より一般化された (そして分離された) ツールはありますか?
以前、Firefox 用の「pencil」プラグインを使用したことがあります。すばやく簡単に描画できます。
それは本当にあなたがしたいことによって異なります.GUIをモックアップできるツールを手に入れることができます（たとえば、ボタンを押すと、モックアップした別のものに移動します）.したがって、それらが価値があるかどうかについてはコメントできません。
ここには、商用ツールと非商用ツールの両方の完全なリストがあります: http://c2.com/cgi/wiki?GuiPrototypingTools
QT デザイナーは実際、モックアップを作成するための「最も近い」IDE ですが、専用のツールは
(ここで率直に言うと、私はそのようなツールの作成者です - http://MockupScreens.com )
WireframeSketcher ワイヤーフレーム作成ツールを見てください。あらゆる Eclipse IDE で動作し、スタンドアロン バージョンもあります。
モックアップには Fireworks、Lumzy、Justinmind、Maqetta を使用しました。
Fireworks は、プロフェッショナルなベクター編集や Photoshop 編集が必要でない限り、あらゆる種類のデザイン作業に最適なツールです。モックアップ ライブラリを簡単に見つけて、リンクを作成したり、ページを接続したり、コンポーネントに状態を追加したりすることもできます。ただし、データグリッド、アコーディオンなどの高度な GUI コンポーネントの動作を実現することはできません。学習には少し時間がかかりますが、その価値はあります。
Lumzyは最初は素晴らしかった。非常に豊富な GUI ライブラリを使用して、インタラクティブなモックアップを簡単に作成できました。チーム メイトを lumzy プロジェクトに追加して、Web ブラウザーを介して同じモックアップで共同作業することもできます。最良の部分は、それが完全に無料であることです. しかし、モックアップ ファイルの数が増えると、奇妙なエラーが発生するようになりました。結局、プロジェクトを保存することさえできませんでした。したがって、単純なモックアップにはおそらく最高の無料ツールですが、完全なソリューションではありません.
Justinmind は高価なツールです。それは非常に専門的で詳細です。実際の製品を設計しているような感覚を味わうことができます。ただし、単純なものには多すぎる場合があります。もう 1 つスライスを追加するためだけに、アコーディオン コンポーネント全体を自分で作成するようにアドバイスされました。数時間を費やした後、モックアップ要素に多くの時間を費やすのはまったく意味がないため、あきらめました。
モックアップを実際のデザインに進めたい場合は、Maqetta を試すことができます。無料で、iPad や iPhone を含む多くのレイアウトに html/javascript 要素を簡単に配置できます。ただし、ご想像のとおり、単純なモックアップ プロセスよりもはるかに多くの労力が必要です。
安価/非常に使いやすく/GUI要素が豊富で/拡張可能で、そのモックアップで実際の設計を継続できる完全なモックアップソリューションの必要性はまだあると思います。
Lucid Chart には google chrome アプリがあり、無料版もありますが、その制限については覚えていません。具体的には、いくつかの UI レイアウト ライブラリがあることを思い出しますが、それらがどれほど広範かはわかりません。
私はいつもBalsamiqのファンでしたが、低価格とは言えないかもしれません...