JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り
Voltar

オンラインWebサイトワイヤーフレーム

ページの順にブロックを追加し、好きな場所へドラッグして、角を引っ張ってサイズを変えます。ブロックをクリックするとテキストを変更できます。

使い方

ページの下書きをブロックごとに

利用できる言語: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

次のツールYAMLからJSONへ→
広告

オンラインWebサイトワイヤーフレーム: 用途

用意されたブロック(ヘッダー、バナー、見出し、テキスト、画像、ボタン、カード、フォーム、動画、フッター、自由ボックス)でページの下書きを作成します。好きな場所へドラッグし、角を引っ張ってサイズを変更でき、10ピクセル単位で揃います。

PC幅(1200 px)またはスマホ幅(390 px)を選び、ワイヤーフレームをPNGまたはSVGで保存して、クライアントの承認に使えます。

使い方

  1. ページの幅を選びます。
  2. ブロックを追加してドラッグします。
  3. ワイヤーフレームをPNGまたはSVGで保存します。

使うタイミング

  • クライアントとレイアウトを合意する。
  • ランディングページを計画する。
  • UX・デザインの授業で使う。

よくある質問

ワイヤーフレームとは?

色や写真、最終的な文章を使わず、グレーで描くページ構造の下書きです。メニュー、バナー、見出し、フォームなどの配置を示し、デザインに時間をかける前にクライアントやチームとレイアウトを合意できます。

ブロックのサイズを変えるには?

ブロックをクリックし、右下の角にある青い四角をドラッグします。ブロックは10ピクセル単位で揃うので、きれいに整えやすくなります。Deleteキーで選択中のブロックを削除できます。

スマホ版も作れますか?

はい。作り始める前に幅を「スマホ」に切り替えてください。ページ幅は一般的なスマホ画面と同じ390ピクセルになり、新しいブロックも適切なサイズで追加されます。

本当に無料?

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。

関連ツール

ご支援ありがとうございます!

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください:

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。