和欧混植2013/12/72018/9/29どうも、フォントについて学習していますが自宅のマシンに和文フォントが少なすぎるモジサワです。美しく文字をデザインする時に文字間を詰めるカーニング作業をすると思います。Webデザイナー(ニシザワ)が見落としがちな和欧混植についてまとめてみました。ひと手間かけるだけでより文字組を美しく魅せることができるのです。共有:シェアTwitterカーニングだけでいいの?デザイン上、文字を打つときに注意することは文字間を詰めてカーニングという作業を行うと思います。デザイナーの情報ブログ等でカーニングのやり方を目にすることが多いです。カーニングと同じく文字を打つときに意識しなければいけないのは、日本語フォント(和文フォント)に欧文フォントを組み込む「和欧混植」という手法です。図で上が和文フォントのみで文字組したものと下が和文フォントの英数字を欧文フォントに置き換えたテキストです。?美しく見えるでしょうか。実に細かいとこですが、デザイナーはこういう細かいところまで注意していきたい。書籍や雑誌をデザインするエディトリアルデザイナーが当たり前のように行っているが、Webデザイナーには馴染みが薄いかもしれません。和欧混植が必要かもともと和文フォントに入っている英数字といった欧文フォントがあります。それは和文フォントの構造設計から作られているものであり、必ずしも適合するとは限らない。そこで和文と欧文を美しく調和させるために「和欧混植」が必要になります。簡単に言うと欧文ならちゃんと欧文フォントから使おうよ。いう(あまりにも強引であるが)ことです。和欧混植の組み合わせどの和文フォントと、どの欧文フォントを組み合わせなければならないという明確なデザインルールはありません。和欧混植の組み合せルールに従って自分が美しいと感じるものを選んでいきます。和欧混植の組み合せルール(1)ウエイト(書体の太さ)や筆法(とめ、はね、はらい)が近いものを選ぶ。(2)和文と揃うように大きさやベースラインの位置を調整する単一ウェイトの欧文ではなく、和文のウェイトをカバーできる程度にウェイトがそろった欧文フォントを選ぶ。欧文フォントは日本語フォントに比べて小さいので、拡大比率を上げて調整するとよいです。105%和欧混植のまとめどうしてもWebデザインだとフォントテキストがメインになるので、画像フォントで日本語フォントに欧文フォントを入れることなんて考えたこともないのではないでしょうか。和欧混植を知っていたとしてもメンドクサイかと思います。「神は細部に宿る」とういこともあるので、デザインの質を上げるためにはやっていかなくては、と精進していきたいですね。第10話】SEO戦略でまとめページ、カテゴリーページが必要な理由Webデザイン=装飾、という勘違い。都内のWeb制作会社にWebデザイナーとして活動中。データアナリストの経験を活かして価値のあるサイトつくりを目標に日々、奮闘。「ニシザワのブログ」ではWeb業界を健康で駆け抜けたいアナリストの「Webデザイン」と「Webマーケティング」の関連と「健康方法」を書きためています。詳しいプロフィールはこちらからどうぞ。