iPhone アプリのデザインやアイデアをどのようにスケッチしますか?[閉まっている]

https://stackoverflow.com/questions/2525246

22-09-2019
|

質問

iPhone アプリのデザインやアイデアをどのようにスケッチしますか?私は現在次のプロジェクトに着手しようとしているところですが、古き良き紙ではなくスクリーン上で自分のアイデアを表現する方法を見つけたいと考えています。

解決

Balsamiq には、インタフェースデザインのモックアップを行うための優れたツールを持っています。彼らはまた、いくつかのiPhoneの部品を持っています。私は（別のSOの質問への答えを見た後）を使用し始めていると、本当にこれまでの経験を楽しんでいることをオンラインデモがあります。

他のヒント

第一段階では、何も紙を破っしようとしていません。どのようなツールあなたは使用することは、確か、（うまくいけば）、より正確になります。しかし、あなたその正確さのためにしている取引時間、およびUI設計の初期段階では、あなたは、より精度よりも高速化する必要がます。

私は、インデックスカードには、いくつかの異なる鉛筆で自分のデザインを行います。私は正しい方向に行くよ満足しているとき、私は定規にカードをテープで固定し、それらの写真を撮るために私のiMacのカメラを使用しています。私はその後、B＆Wに変換し、それらを可能な限り良いとして探して取得しようとするシンプルな明るさ/コントラストを行う、と私は、デジタル店舗への合理的な何かを持っています。

この素晴らしいところは、私はそれがあなたのタイムマシンのドライブがスリープ状態になった場合開くために名前を付けて保存]を取るよりも、あまり多くの時間にラフなカードを引くことができるということです。 :)私はもう少し時間にの素敵なのカードを行うことができます。私が今まで見てよりよい何かをしたい場合は、私はスキャンを編集したり、他のプログラムではトレーサーとして使用することもできます。

（そして、私はこのプロジェクトでジップロックの袋にカードを投げる。）

MockApp に見える素晴らしい！

オムニグラッフル。( http://www.omnigroup.com/products/OmniGraffle/ ) 次のようなさまざまな iPhone ステンシルと組み合わせると:( http://graffletopia.com/stencils/413 そして http://graffletopia.com/search/iphone )、OmniGraffle は優れたツールセットを作成します。

あなたの迅速な対応のためのみんなありがとう！

BalsamiqとMockApp Iの両方をテストした後は、あなたがそれを見ていきますと空間の並べ替え各UIエレメントがかかります正確にどのように見ることができるようMockAppが正確な設計のために私が欲しいのソートの事私のアプリを私に与えますという結論になってきました。あなたは現在、このようなAの事に必要な場合にも、基調講演やパワーポイントを使用して、あなたのアイデアの効果的なデモプレゼンテーションを作成するために、すべてのボタンアップ、さらにステージに行くと、リンクができ、これはもう少し時間がかかり、自分のためですが、Iこれを必要としませんが、素敵なそのそこに！

を知っています

Balsamiqは、使用に少し迅速かつ簡単なツールですが、あまりの株式UIコンポーネントを持っており、アプリのアイデアの迅速なストーリーボードの画像を作成したい場合は、クールに見えるデザインに大ざっぱな外観を与えるが、実際の設計のためにMockAppは、Aを作成し、私は信じてはるかに現実的な外観が優れています。あなたはもっとしてちょうどデモをしたい場合もBalsamiqは$ 79がかかります。

私は他のすべてのソリューションに比べMockAppを選ぶだろう理由は、私はあなたのコンピュータ上でこれらのアプリケーションを持っている場合、それはかもしれないと確信しているのに、私は、最もすでにPhotoshopや花火に比べて自分のコンピュータ上でパワーポイントや基調講演のいずれかを持っていると仮定だろうということですこれらを使用する方がよいです。またMockAppは詳細についてはMockAppのWebサイトを参照してください、無料/つぶやきウェアです。

ホープ、このことができます。

ダン

P.S。私は私のリスト上の次のOmniGraffleは、thatsのを試して、まだ持っています！

私はあなたが外部のステンシルを使用してiPhoneのモックアップを作成することができます WireframeSketcher のwireframingツールを開発しています。また、シミュレート対話に合わせて画面をリンクすることができます。

iPhoneモックアップ

Teehan と Lax の Photoshop テンプレートを使用しています。

http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/

または、iPhone および iPad のステンシルのリスト全体を表示するには: http://emilychang.com/2010/03/ipad-templates-and-stencils/

_{（ソース： emilychang.com)}

このモックアップツールキットを使用して、Adobe Fireworks でデザインを作成するだけです。 http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

OmniGraffleはにはうまく機能

私はまた、あなたがどこでも見つけることができるモックアップツールキットを使用してAdobe Fireworksで自分のデザインを作成します。あなたは花火ファンなら、あなたは本当にあなたがAIRベースでiPhoneシミュレータであなたの設計されたアプリをプレビューすることができます非常に素晴らしい花火拡張子を見てみる必要があります。モバイルデバイスの登録商標であるトランジション効果も拡張に内蔵されており、設計に適用することができる。

ます。http：//www.adobe。 COM /のcfusion /為替/ index.cfmに？イベント= extensionDetail＆LOC = en_USの＆extid = 1786031＃の

あなたはすでに花火のモックアップに慣れている場合は、この拡張機能を気に入るはずです。

最高の

ロブRhyneのブリーフには、ユーザーエクスペリエンスをモックアップに最適です。あなたが電話であなたのブリーフを再生することができます。

ソフトウェアは魅力的ですが、デザイン/機能のダウンを得るよりも、色で遊んで、物事を動かすより多くの時間を費やしてしまうでしょう。何が必要速度です。高速を使えば、遅かれ早かれよりもプログラミングの上に移動することができます。私はあなたが最終的に他の誰か MockAppするとデザインを共有したい場合は、おそらく良い選択である認めますよ。

ここでは何が必要です：（優先順に）

http://technabob.com/blog/ 2009/9月28日/ notepod紙-iphone-メモ帳/ の

または

http://appsketchbook.com/する

または

ます。http：// thenextweb.com/2009/05/21/designing-iphone-software-pencil-wooden-forms-ink-brush/する

ソフトウェアは有用であり、より効率的かもしれないが、時々、画面から離れ得ることはデザインではなく、実装上の濃度を高めるための良い方法です。そして、何もかなり多くとして描画していない「クール！」私のステンレス製iPhoneステンシルとしてコメントます：

iPhone UIテンプレートの

私は、彼らが提供する印刷イメージを使用しますが、シミュレータから減少アルファ画面キャプチャで自分の作っません。

私は、現時点ではmockappやOmniGraffleはを言わなければならないでしょう。

より少ないコードにより、この1をお見逃しなく： http://lesscode.co.nz/interface の

それはあなたがiOSのネイティブコンポーネントを右iPhone上で設計できます。

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow