デザイン|基本の作り方コンテンツへスキップこのwebサイトの先進的な機能は、ブラウザーのJavaScriptを有効にする必要があります。コメントを残すこんにちは。「字詰め」は、グラフィックデザインにおいて重要な要素であるとお話してきました。単純化した形が三角形になる文字の周りは、アキが出やすいので要チェックということでしたね。適切な字詰めのためにはコツが要るわけですが、その辺りについて、もう少し詳しくお話しておきます。「適切な字詰め」とは?前回に少し触れましたが、「適切な字詰め」とは、文字部分を全体的に見て、文字間のアキのバランスが整っている文字の配置です。アキが、どこかの部分だけ詰まって見えたり、逆に間が空いて見えたりしないよう、バランスが良い状態にまで調整して適度な間(ま)をとります。そのためには、文字を単純化して◯、△、□として捉えて調整してみようということでしたね。「適切な字詰め」を覚えてしまえば、今度はあえてタイトル周りだけはキツキツに詰めてみたり逆にゆるゆるにしてみたり、そして本文は、通常の詰めにしておいたり、レイアウト全体で字詰にメリハリを効かせたタイポグラフィができるようになります。その文字間のアキの「バランスが整った状態」がいまいち判らない、という方もいらっしゃるかもしれませんね。日頃から「バランスが整った状態」の文字のレイアウトを見るようにしていれば、自然に判るようになります。「バランスが整った字詰め」の参考資料ロゴタイプやタイトル部分の字詰めについては、日常的に目に入るものは気にして見るようにしておきましょう。本屋さんに行って、本や雑誌に載っているロゴタイプやタイトル部分をチェックしてみるという手もありますね。ネットで探しても良いでしょう。それから、以前もお話した基本の基本です。ナイスな字詰めを求めて、リーフレットやフリーペーパーを収集したり写真をとったりしに、お出かけしてみましょう。思ったロゴタイプは覚えておきましょう。ネタ帳にメモしておいて、後で眺めてみると、気がつくことがあったりするものですよ。本文の部分については、インターネットが始まってからの問題もちょっと抱えてます。ネットの記事の本文は、90年代末頃に比べると、随分きれいな字詰めが実現するようになりました。私はぬるさを感じています。私ぐらいの世代は電算写植の文字を見て育ってしまったので、そうならざるを得ないのです。Webデザインにおける本文は、手動での詰めがない、プログラムだけの判断による字詰めとなります。職人の手による電算写植のきめ細やかさにはかなわないという部分があります。今や、ネット記事の本文は日頃から最も目にする本文となってるかもしれませんが、もっと美しい字詰めの本文があることは覚えておいた方が良いと思います。電算写植は版下に使われました。デザイナーなどが版下を作る時に写植業者さんに発注し、文字部分だけを印画紙に打ってもらっていました。写植業者さんは文字を打つのを専門にする職人さんなので、字詰めも見事でした。1990年代半ばぐらいまでの雑誌やリーフレットには、本文も含めて文字部分が写植のものがありました。古本屋さんなどからあの頃の美しい字詰めの文字の雑誌などを収集し、とりあえず美しい字詰めを覚えておきましょう。漢字は仮名文字より大きい傾向で詰まって見えやすい「適切な字詰め」、あとは見て覚えましょう。言おうかとも思いましたが、ちょっと基本のところだけコツをお話しておきますね。書体にもよりますが、漢字は仮名文字より大きい傾向で詰まって見えやすいです。漢字が集まっている部分は少しアキを広くする、あるいは、仮名文字部分のアキを狭くする。そんな調整をするとバランスが良く見えます。仮名文字の小文字の周りはアキが出やすいひらがな、カタカナといった、仮名文字の小文字の周りはアキが出やすいです。小文字が2つ連続する時はアキが出やすいので要チェックです。句読点の周りはアキが出やすいです。「す」の後に句点がある時(要するに「〜す。」)など、書体によっては気になるアキが出ます。句点を「す」に寄せた方がバランスが良く見えます。同様のことは、「う」「り」「ト」等があてはまります。この辺も要チェックですね。コメントを残すこんにちは。グラフィックデザインにおいて、「字詰め」ができているものとそうでないものの見え方は、ずいぶん異なります。「字詰め」とは何かーーーこれは「文字詰め」とも言いますがーーーグラフィックの文字部分の文字と文字の間のアキを調整することを指します。GlyphsやFontographer等のフォント作成ソフトを使用したフォントデザインでも、カーニングやスペーシングの作業に関わってきます。「字詰め」は、グラフィックデザイン全般における重要な要素なので、基本はおさえておきましょう。上に述べたとおりですが、文字と文字の間のアキを調整することを「字詰め」と言います。文字と文字の間のアキを調整し、バランス良く見えるようにするということです。どこかの部分だけ、詰まって見えたり、逆に間が空いて見えたりしないように文字を移動して調整します。「字詰め」はていねいに「文字詰め」と言ったりもします。私の周りの同業の人々では「字詰め」と言っている方が多いような気がします。「字詰め」は、グラフィックデザイン全般において重要な要素です。多くのグラフィックデザインの要素には文字が含まれるからです。文字に関わるデザインは、フォントやロゴのみならず、パッケージの商品名部分、エディトリアルではタイトルや見出しそして本文部分と、多岐に渡って見出すことができます。このように、グラフィックデザインのあらゆる部分に文字が関わっているわけですが、「字詰め」をしっかり行うことでデザインがどんどん洗練されたものになります。文字と文字のアキのバランスは、どのように調整する?「文字と文字の間のアキが均等にバランス良く見えるよう、調整をする」という一言ですが、実はこの作業は奥が深いです。文字と文字の間のアキについて調度良く見えるバランスというのは、各個人によって異なります。デザイナーによっても好みが分かれる部分のようにも見受けられます。ヤング層はキツキツの「字詰め」を好む一方で、中高年齢層は詰めが緩いスカスカした「字詰め」を好む、という説もリアリティを持っています。「字詰め」のキツい・緩いには絶対的な解はありません。いえ、キツい・緩い、どちらの方向性が好みであっても、バランスの良い「字詰め」には基本的には共通項があります。いった部分を知っておきましょう。しておけば、デザインの現場ではそれほど迷うことはないと思いますよ。文字を○△□としてとらえる文字を文字と思うからこそ戸惑ってしまうのかもしれませ。文字も要するに図形です。図形と図形の間のアキが、全体的な配列から見て均等になっていればバランス良く見えます。文字をぼ〜っと見て見ましょう。ものの形は単純化すると○(丸)、△(三角)、□(四角)のどれかに還元されます。これらを調整して並べてアキに偏りが出ないようにすれば良いわけです。アキをキツくするにしろ緩くするにしろ、偏りがなければ全体として均等なアキに見えます。アキに偏りが出ないようにしましょう。文字を単純化してこんな感じで調整します△の周りはアキが出やすい単純化すると三角になる文字の周りはアキが出やすいのでチェックポイントです。具体的には、「A」や「V」、「T」などが該当します。ロゴでも本文でも、他の文字に比べて「A」や「V」の周りのアキが目につく時があると思います。「気になるなあ」と思う時はアキを詰めてしまいましょう。全体に馴染み、気にならなくなればOKです。長方形の周りもアキが出やすい単純化すると縦長の四角形=長方形になる文字の周りもアキが出やすいのでチェックポイントです。具体的には、横組みのひらがな「り」などが該当します。こちらもアキが気になる場合は、詰めてバランスをとりましょう。横組みの数字の「1」や「I」は、詰めすぎると他の文字に同化して見えるので注意が必要です。同化してしまうことにより、可読性が失われてしまうことにもなりかねません。周りの文字の詰まり具合に比べ、ちょっと空き気味でも大丈夫です。VIBES/デザイナー・フォントクリエイター。デザインスタジオアウラコミュニケーションズ代表。東京都を拠点に、グッズ、グラフィック、フォントのデザインを中心に活動しています。HYBRID」シリーズは、初版からフォントクリエイターとして参加。他「月刊MdN」等のメディアでも掲載多数。公式WebサイトでDLできます。このサイトについて「フォント×デザイン|基本の作り方」は、フォントやグラフィックなどのデザインについて、作り方を基本から解説するサイトです。私のデザイナー歴も、気がつけばもう20年越し。デザインビギナーの方や、勉強をしすぎて基本がわからなくなってしまった方、そんな方達に私が伝えられることがあるのかもしれない・・・ふと思いました。それは、生業としてのデザインの現場で得てきた手法であったり、仕事の進め方であったり。デザインを通した遊びであったり。基本を覚えれば、あとは自分なりのアレンジや別の新しい手法をみつけられます。すれば「自分の作り方」を得ることができます。わたしもこのサイトを作ることによって基本を振り返ることもできるわけで、それも良いなあと思いました。役に立っても立たなくても、まずは基本からやってみましょう!お問い合わせE-Mail:info@fontxdesign.netご連絡はE-Mailのみで受けつけております。