本文へスキップ
craft apps
← ツール一覧へ
DeDesignCraft画像・デザイン

DesignCraft ページレイアウト

文字、画像、余白の関係を考えながら、ブラウザーでページデザインを試せます。

作業分野・ファイル形式レイアウト
DesignCraftエディターのプレビュー
DesignCraft:雑誌の見開きとレイアウトツール。

元のプロジェクトの作例です。このブラウザー版とは機能や画面構成が異なる場合があります。

画像の出典

DESIGNCRAFT / レイアウト

DesignCraftでできること

まずは1ページから。見出し、写真、段組みの配置を考え、読む順番が自然に伝わる構成を試してみましょう。大きな文書の前に、小さな誌面づくりで操作を確かめられます。

使いはじめる前に。

元のアプリで使われたフォントがブラウザーにない場合があります。書き出し後の文字の流れ、画像位置、ページ寸法を確認してください。画面上のプレビューだけで、印刷入稿用の品質を保証するものではありません。

エディターのプレビュー

作業スペースを見てみよう

元のプロジェクトのスクリーンショットで、画面と作業例を紹介します。このWeb版とは操作や対応形式が異なる場合があります。画像を開くと全体を確認できます。

01 / DesignCraft

伝わる表紙

風景と短い見出しを組み合わせた作例です。主役を決め、その周りに余白をつくります。

DesignCraftの風景写真と表紙の文字組み。
DesignCraftの風景写真と表紙の文字組み。
02 / DesignCraft

記事の導入をつくる

タイトル、導入、写真、キャプション、本文の段組みを、ひと続きの読書体験として見られます。

DesignCraftの記事の導入レイアウト。
DesignCraftの記事の導入レイアウト。
03 / DesignCraft

段組みと余白

大きな引用文の周囲に本文が回り込みます。段のリズムと、引用の前後の空きを確認します。

DesignCraftの段組みと引用文の配置。
DesignCraftの段組みと引用文の配置。

DesignCraftの作業ツール

DESIGNCRAFT / 01—03
01

ページのデザイン

02

文字と画像の配置

03

出版物のレイアウト検討

DesignCraftではじめてみよう

01 /

小さなプロジェクトで試す

1ページのデザインや小さな誌面レイアウトからはじめましょう。

02 /

ひとつだけ変更する

見出し、画像、余白を調整して、読む順番をわかりやすくします。

03 /

保存して結果を確認する

元のアプリで使われたフォントがブラウザーにない場合があります。書き出し後の文字の流れ、画像位置、ページ寸法を確認してください。画面上のプレビューだけで、印刷入稿用の品質を保証するものではありません。

DesignCraftをブラウザーで試す

小さなプロジェクトからはじめ、元のファイルは別に保管してください。大きな制作の前に、使える保存方法を確認しましょう。

DesignCraftを開く

ご利用の前に

DesignCraftについてよくある質問

無料ですか?アカウントは必要ですか?

基本のブラウザーエディターは無料で、登録なしで開けます。任意で利用する外部サービスには独自の条件がある場合があります。エディター内部の操作画面は現在英語です。

どの端末で使うのがおすすめですか?

キーボードとマウスを使える最新版のデスクトップブラウザーをおすすめします。スマートフォンの対応状況は異なり、このページの動作確認はデスクトップのみが対象です。

最初は何を使えばよいですか?

1ページのデザインや小さな誌面レイアウトからはじめましょう。

保存前に何を確認すべきですか?

元のアプリで使われたフォントがブラウザーにない場合があります。書き出し後の文字の流れ、画像位置、ページ寸法を確認してください。画面上のプレビューだけで、印刷入稿用の品質を保証するものではありません。

ギャラリーはこのサイトの画面ですか?

ギャラリーは元のプロジェクトの作例です。想定された作業を紹介するもので、このブラウザー版のファイル互換性を保証しません。当サイトで実施した確認結果は別に表示しています。

すべての形式を検証済みですか?

いいえ。形式名はツールが扱う分野を示します。確認済みといえるのは、日付付きの結果がある操作のみです。ほかのファイル、効果、書き出しは個別の確認が必要です。