デザインを化粧に例えてみました。

デザインは、少しずつ施します。

化粧をするとき、いきなり右目にだけ付けまつ毛をつけるってことはしないですよね?

右目だけ、アイシャドウとかアイラインに気合いを入れるってことないですよね?

口紅を最初に塗るってことないですよね?

いきなり、顔中にラメをつけたりしないですよね?

デザインは化粧に似ています。

いきなり、色をつけたりしないこと。

いきなり、書体を考えないこと。

いきなり、字を大きくしたり小さくしたりしないこと。

ナニがどれくらい重要かを考えながら、段階を踏んで少しずつ、です。

わかるだろうか、この例え。

2種類の見出しをデザインしながら、説明します。

まず最初は、行間を広げるだけ。

空間(スペース)で強弱をつけます。

必ず、段落スタイルを使います。

001 行間を開ける

次に、インデント。

インデントは、地味ながら効果があります。

見出しが本文からはみ出すことを考えて版面を設計すべきなんですが、ここはインチキして、本文組みを狭くしました。すみません。

002 インデント

級数で強弱をつけます。

003 級数

書体で強弱。

004 書体

最後に、飾りを施します。

施しすぎないこと。

ちょっと足りないかな?くらいで止めること。

005 飾り

しばらく他の仕事をしてから、見直してください。

時間が経つと、いろいろ見えてきます。

  • 強弱が足りない とか
  • インパクトがない
  • カタい印象を柔らかくしたい
  • 軟派な印象をアカデミックにしたい
  • 寂しすぎる

等々を感じたら、料理に塩胡椒をするように、必要に応じてナニかを足してください。

塩だと思って、足しすぎないこと。

おさらいです。

デザインをするときは、まず、

  • スペースで強弱をつける
  • インデント←これも一種のスペース
  • 級数
  • 書体
  • 飾り&色

この順番に慣れると、迷いにくいし、仕事が早くなります。

〜を適用して次のスタイルへ

段落スタイルで「次のスタイル」を指定します。

2行まとめて選択し、「〇〇を適用して次のスタイルへ」を選べば、

2行同時に段落スタイルをあてることができます。

動画にしました。

〜を適用して次のスタイルへ

Wordの「次の段落と分離しない」

文頭に「■」がついていたら、「次の段落と分離しない」の機能が働きます。

解除するには、スタイルの「変更」から

「段落」を選び、

「次の段落と分離しない」のチェックを外します。

「■」がなくなりました。

ツールで作成した枠で、見出しを囲む。

記事「」の枠をオブジェクトにします。

「大見出し」の複製を作ります。

複製では、段落境界線のチェックを外します。

飾りの枠を作ります。

罫線と枠をグループ化してから、正しい位置に配置します。

オブジェクトスタイルを作ります。

とりあえず、オブジェクトスタイルの基本属性は、「アンカー付きオブジェクトオプション」だけにします。

見出しの文頭に、アンカーを付けます。

「アンカー付きオブジェクトスタイル」は「カスタム」にします。

「アンカー付き位置」を調整します。

オブジェクトをコピーしてから、検索と置換をします。

検索文字列 →  ^★

置換文字列 →  ~c

置換形式 → 段落スタイル

見出しに段落スタイルがあたりました。

しかし、2行見出しではデザインが崩れています。

オブジェクトスタイル「枠」を複製します。

「アンカー付き位置」を調整します。

以降の2行の見出しは、目視で手動でオブジェクトスタイルをあてます。

見出しのデザインをしながら、段落スタイルを作る方法です→枠囲み

見出しを枠で囲みます。

前境界線を指定します。

次に、後境界線。

完成!

とは言いながら、残念ながら2行になる見出しではデザインが崩れます。

スタイルを複製します。

スタイル名を付けて、境界線を調整します。

前境界線と、

後境界線。

枠内に収まりましたが、後ろの文字が枠線と重なっています。

「右/下インデント」を調整します。

出来上がり。

でも、なんかキツキツ感があるので、

2行の見出しだけ、字を小さくする手もあります。

デザインをしながら、見出しの段落スタイルを作る方法。

改訂版の記事を参照してください。

https://design44.dtp.to/dtp/7792/

見出しのデザインをしながら、段落スタイルを作る方法です。

①ページの先頭

②文中

③2行のとき

の3つを同時にデザインします。

新規段落スタイルを作ります。

スタイル名をつけて、「OK」をクリック。

見出しの文字を選択し、段落スタイルをあてます。

文中の見出しにも。

文字組みを「なし」に。

着色。

書体。

級数。

行どりを指定します。

もし2行になる長い見出しがあれば、行間が広くなります。

そこで、「段落行取りを使用」にチェックします。

「行送り」で行間を調整します。

ここまでが基本です。

これで、見出しが

①ページの先頭

②文中

③2行のとき

3種類を同時にデザインできます。

ページの先頭に

記事「見出しのデザインをしながら、段落スタイルを作る方法です→枠囲み

見出しに段落スタイルをあてる。

例えば、見出しの頭に「●」があるとき、

検索と置換で、

  • ダーシ「─」を入れて、
  • 段落スタイルをあてます

検索文字列 →  ^(●)

置換文字列 →  $1─

段落スタイルがあたりました。

見出しの前に1行アキを入れました。

見出しの前の1行アキは、「段落前のアキ」で調整します。

見出しの段落スタイルでは、「先頭文字スタイル」を仕込みます。

それぞれの文字スタイルは、

見出しの頭に記号があると、いろいろ遊べます。

《ドロップキャップと先頭文字スタイル》の基本。複数の文字スタイルをあてる。

ドロップキャップと先頭文字スタイルを使うと、段落スタイルに複数の文字スタイルを登録できます。

「先頭文字スタイル」にひとつめの数字の文字スタイルを入れます。

ハイフン「-」を含むにしたので、文字スタイルはハイフンまであたりました。

ふたつめの文字スタイルを入れます。

みっつめの文字スタイルは、記号「●」の手前で区切りました。

最後に、記号「●」だけに文字スタイルをあてました。

あとから、新しい文字スタイルを加えることもできます。

ハイフンに、専用の文字スタイルをあてました↓