web-dev-qa-db-ja.com

ブループリントVSワイヤーフレーム

ブループリントとワイヤーフレームの間に特別な違いはありますか?

いくつかの調査を行ったところ、設計図がスタイルのワイヤーフレームであることがわかりました。

2
UXabc

現在理解しているように、UX用語は進化しています

blueprintは、すべてのUIに適用する必要がある設計ガイドラインまたはスタイルガイドですシステム内。指定されたパディング、アイコン、レイアウトの実際の比率になります。これは、システム内のすべてのUIを正確に構築するためのパターンになります。 Google Material Designの「レッドライン」仕様

wireframeは、視覚的なデザインの懸念から機能を抽象化します。意図的に最終的なUIに似ているわけではありません。正確に行われたプロポーションはありません。 blueprintが必要に応じて定義するすべての要素を表示しない場合もあります。また、システム内の特定の相互作用に対しても行われます。

このコンテキストの他の用語も検討する価値があります:

低忠実度モックアップは、最終的なUIに少し似ている色と要素を使用しますが、フィットと仕上げは不正確です。 blueprintのルールは適用されません。システム内の特定の相互作用のために行われます。

高忠実度モックアップ最終的なUIの正確なイメージ。すべてのblueprintルールを特定のUI(wireframeで指定されている可能性があります)に適用します。システム内の特定の相互作用のために行われます。

4
Jason A.

ブループリントは、UX、AFAIKでの特定の意味ではありません。ワイヤーフレームの特定の視覚スタイルを参照できます。実際には、ワイヤーフレーム自体を参照することもできます。

編集:

blueprint.css を考えているのかもしれませんが、これは少し古く、かつてほど人気が​​ありませんが、数年前にかなり使用されました。

0
DA01

ちょうどこれを見つけた。 6歳の可能性がありますが、誰かが「青写真」が2014年までUXアーティファクトであると提案したことに驚いています。現在(2020年)まで、UXアーティファクトの詳細を示すコミュニティレベルのキャパシティでは使用されていません。用語によってワイヤーフレームにゆるく接続されているため、1人または少人数のグループがこの用語の使用を開始した可能性がありますが、UX用語としてフィールド内で適切にリンクされたことはありません。

私はこのメディアに関連する本を書いているときにこれを見つけました。「青写真」という用語は、2014年に大まかに使用して、一般的なワイヤーフレームよりも詳細なワイヤーフレームシーケンスという用語を使い始めたものです。本の中で、この文脈で使用されている「青写真」という用語の問題を提起するつもりです。コミュニティのタイプに関連してそれを使用することが実際に十分意味があるかどうかを確認したいのです。 UX作業に関連するワイヤーフレーム。

OPにとって、UX関連の作業の「青写真」を作成するために使用されるソフトウェアはまだありません。フィールド内では、その種類の媒体の受け入れられた用語は「ワイヤーフレーム」であり、ペンと紙または任意のビジュアルソフトウェアを使用して作成できますが、私は常にAdobe Illustratorを使用して、非常に高いレベルの制御を行ってきました。アートボードはビューポートであり、画面のコンポーネントは単純な形状を使用して構築できます。

0
Marty Dunlop