固定幅と流動幅のビジュアル言語

Question

ワイヤーフレームを行うときに修正または柔軟にする必要があるWebページの部分を強調するための共通の視覚言語（記号）はありますか？

たとえば、Webページは2つの列で構成されています。メニュー用の左の1列とコンテンツ用の1列。メニューの列は画面の幅に関係なく常に200ピクセルの幅である必要があり、コンテンツの列の幅はパーセントで設定して画面に合わせる必要があることを示したいと思います。

Answer 1

私の知る限り、これを伝える慣習はありません。静的な幅を表示したいモックアップを開発したとき、 幅をブループリントで表示 の場合にも使用されるのと同じアプローチを使用しました。

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

これはよく理解されており、視聴者は常に左パネルの幅が常にXピクセルで、右パネルのサイズが変更されるという結論を導き出しました。

Answer 2

GUIエディターからスペーサー（または "spring"）構文を使用します。

（画像クレジット： developpez ）

3つの選択肢があると思います。点線に投票します。これは、OmniGraffle（私の選択したツール）で描画する方が簡単だからですが、実際のばねを描画することもできます。

Answer 3

または（優れた答えの代わりに）固定パーツの正確なピクセルを知る必要はないが、固定されているパーツと固定されていないパーツを知る必要がある場合。流体領域内のいくつかの幅の広い/太い矢印を工夫して、それらの領域の流動性のみを示すことができます。