0%

Designデザインワークショップ

Posted:2019.09.09

InDesignで縦組みテキスト内の縦中横をまとめて設定する

普段はウェブやUIのデザインをすることが多いのですが、先日縦組みのテキストを扱うのにInDesignを触ることがあったのでメモとして残しておきたいと思います。今回は縦組みテキストの中で、横書きにテキストを配置する「縦中横」について、InDesignを使ってまとめて設定する方法になります。

 

縦中横では半角の英数字が1文字分の高さの領域に横に並ぶ形になり、少ない文字数であれば読みやすくなるという効果があります。横書きが多いウェブではあまり目にしませんが、印刷物などの媒体では一般的であると言えます。では早速みていきたいと思います。

 

まずはドキュメントの新規作成をします。InDesignでは「レイアウトグリッド」と「マージン・段組」で方眼か白紙のフォーマットを選択できます。今回は縦組みの文章を使いますので、ドキュメントの設定をしていきます。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

ツールパネルより「縦組み文字ツール」でテキストの入力エリアを作成します。この辺りはIllustratorやPhotoshopと同じですね。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

サンプルのテキストを作成してみました。本文には全角の和文テキストと半角数字、半角欧文テキストが混在しています。半角英数字は縦組みの場合、横向きに配置されます。ここではわかりやすいように文字色を変更しています。全角の英数字は和文テキストと同じ向きで表示されています。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

縦中横を適用したい部分を選択します。「文字パネル」のサブメニューから「縦中横」を選択します。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

文字が回転して表示され、和文テキストと同じ向きになりました。高さは全角文字1つ分の範囲に収まり、横向きに文字が並びます。レイアウト上、文字数が多い場合には注意が必要です。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

縦中横を適用したテキストには、細かい位置を調整することができます。テキストを選択し「文字パネル」のサブメニューから「縦中横設定」を選択します。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

縦中横設定のパネルが表示され、上下左右の各方向に配置場所を細かく設定することができます。プレビューにチェックしておくとわかりやすいですね。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

ただ、文中に縦中横を適用させる箇所が多い場合には、このような形で一つひとつ設定していては大変です。そんな時はまとめて縦中横を適用させることができます。対象のテキストを全て選択し、「段落パネル」のサブメニューから「自動縦中横設定」の選択します。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

自動縦中横設定パネルが表示され、文中の対象テキストへの縦中横設定をまとめて行うことができます。縦中横をするテキストの文字数の上限を設定でき、その文字数を超えるものは適用されないようにすることができます。デフォルトでは数字だけですが、「欧文も含める」にチェックすると欧文にも適用されます。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

このように長文の中に対象テキストがたくさん含まれていても一括で縦中横を適用することができます。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

ちなみに、横組みでなく、向きを揃えるだけであれば、「文字パネル」から文字を回転させることで編集することができます。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

また、InDesignはこのように縦中横だけでなく、ルビの追記や強調などに使われる圏点も簡単に設定することができます。

InDesignで縦組みテキスト内の縦中横をまとめて設定する

InDesignで縦組みテキスト内の縦中横をまとめて設定する

 

ウェブのデザインワークではあまり使う出番がないInDesignですが、印刷物デザインや、文書作成には圧倒的な威力を発揮します。AdobeCCのコンプリートプランユーザーであれば使うことができるので、用途に合わせて使い分けるのがいいですね。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】