2013年3月17日日曜日

ドラッグ&ドロップでワイヤーフレームを作成する


ウィキペディアによると、ワイヤフレームが "インターフェースとそのページ間の関係の構造を示唆するインターフェイスのデザインで使用される基本的な視覚的なガイドです。任意のアートワークが開発される前に、典型的には、ワイヤーフレームが完成する。 "

戻る昔、プログラマは、ページがなりたいもののスケッチを描くためにペンと紙を使用していました。しかし、設計ソフトウェアの改善と、それは彼らがコンピュータ上で行わ見て最近はより一般的です。

Justinmindプロトはワイヤーフレームを描画するために使用する多くのツールの一つである

通常、ワイヤーフレームはページに含まれるべき要素は何かを示すために、設計プロセスの前に行われているので、彼らは多くの色、フォントやイメージを持っていない。彼らは、プロセスに関与するすべてのコンテンツのガイドとして機能するはずです:クライアント、UXデザイナー、インターフェイスデザイナー、コンテンツ制作者、管理者、等

Justinmindプロトで、あなただけのドラッグアンドドロップ、これらの要素をあなたのメイン画面に、他のパートナーとプロジェクトを共有する必要があります。

詳細なワイヤーフレームは、コーディングフェーズの前に問題と選択肢を視覚的に見る上で役立ちます。例えば、ナビゲーションの問題、要素の配置、または決定したオブジェクトの包含。また、要件を管理するために、バージョン、変更および修正を制御することができますいくつかのソフトウェアがあります。

ワイヤーフレームのバランスをとる

ワイヤーフレームは2つの問題の間にとどまる:あまりにも詳細であるとあまりにも漠然としている。あなたは細部に指定した場合、デザイナが作成す​​る空き容量が非常に少ないことがあります。彼らはwireframing段階を含め働くのはそういうわけです。ワイヤーフレームがあまりにも漠然としているとき、それはすべての基本的な要件をカバーしませんが、後のプロジェクトでそれを修正しなければならないかもしれないので、少しの助けになることができます。

HTMLのワイヤーフレーム

時には、彼らは、ユーザビリティテストを行う必要があるので、人々は、ワイヤーフレームを作成するためにHTMLを使用する、またはそれらのクライアントは、紙の無地のページの概念を理解できないから。今日では、それは、HTML生成を可能wireframingソフトウェアを参照してくださいすることがより一般的になってきているので、あなたがやった図面は、シミュレートおよびテストし、それを共有するための使用可能なコードに変換することができます。

共通の特徴

ほぼすべてのサイトに存在しているオブジェクトがあります。その他、いくつかのデザイナーは、非常に頻繁に作成する必要があります。 Justinmindプロトのようないくつかのソフトウェアはそのような彼らが使用され、いくつかの異なるプロジェクトで再利用することができますナビゲーションツリー、フォーム、ボタン、navbars、ヘッダーなどの共通要素のライブラリを持っている理由です。
...

0 件のコメント:

コメントを投稿