オンラインWebサイトワイヤーフレーム
ページの順にブロックを追加し、好きな場所へドラッグして、角を引っ張ってサイズを変えます。ブロックをクリックするとテキストを変更できます。
使い方ページの下書きをブロックごとに
広告
オンラインWebサイトワイヤーフレーム: 用途
用意されたブロック(ヘッダー、バナー、見出し、テキスト、画像、ボタン、カード、フォーム、動画、フッター、自由ボックス)でページの下書きを作成します。好きな場所へドラッグし、角を引っ張ってサイズを変更でき、10ピクセル単位で揃います。
PC幅(1200 px)またはスマホ幅(390 px)を選び、ワイヤーフレームをPNGまたはSVGで保存して、クライアントの承認に使えます。
使い方
- ページの幅を選びます。
- ブロックを追加してドラッグします。
- ワイヤーフレームをPNGまたはSVGで保存します。
使うタイミング
- クライアントとレイアウトを合意する。
- ランディングページを計画する。
- UX・デザインの授業で使う。
よくある質問
ワイヤーフレームとは?
色や写真、最終的な文章を使わず、グレーで描くページ構造の下書きです。メニュー、バナー、見出し、フォームなどの配置を示し、デザインに時間をかける前にクライアントやチームとレイアウトを合意できます。
ブロックのサイズを変えるには?
ブロックをクリックし、右下の角にある青い四角をドラッグします。ブロックは10ピクセル単位で揃うので、きれいに整えやすくなります。Deleteキーで選択中のブロックを削除できます。
スマホ版も作れますか?
はい。作り始める前に幅を「スマホ」に切り替えてください。ページ幅は一般的なスマホ画面と同じ390ピクセルになり、新しいブロックも適切なサイズで追加されます。
本当に無料?
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。