初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント

優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然になってしまうことも。そんな時は文字間隔を調整するカーニングを行うことでデザインをよくすることができますが、どのようにすれば適切にカーニングができるのか、初心者でも使える9つのポイントがまとめられています。 A Beginner’s Guide to Kerning Like a Designer – Design School https://designschool.canva.com/blog/kerning/ 文字と文字の間隔は、単純に同じ距離であれば自然に見えるというわけではありません。以下の画像では左側の「Type」の文字間隔が全て等しく、右側は同じではないのですが、実際に人間の目で認識されると自然に見えるのは右側になります。これは、それぞれの文字によって持っている「空間」の大きさに

[shiromatakumi]

この翻訳記事はphotoshopvipがもうやってた。http://photoshopvip.net/archives/81781

[BlueSkyDetector]

前から思ってたけど、カーニングをソフトウェアで自動化するのは難しいのかな。既にソフトウェアはあるみたいだけど、実は精度の高いカーニングするには何かハードルがあったりするのか。

[aoiasaba]

正解は無いにしても、間違いはわかりやすいという難しいテクニックだけど、何度でも必要だと言おう。

[gotesar]

初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント 優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然

[diveintounlimit]

これがタダで読めるって幸せな世の中だねー。/日本語自動カーニングJavaScriptとか→ http://goo.gl/xhu4DW

[ahiru8usagi]

勉強になった。けど自動でやってほしい。　#カーニング

[kiichi0114]

勉強になりました。

[humid]

知らなかったけど役立つことがいくつかあった

[mokomokotezawari]

カーニングするゲーム　http://type.method.ac/　やってたらすぐイヤになってやめた。ほんともうカーニンしてやー

[ardarim]

海外サイトの紹介のようだけと、日本向けであればまず固定幅とプロポーショナルの違いから入ってあげるべきでは。固定幅用にデザインされたフォントで頑張ってカーニングしても意味がほとんどない

[qinmu]

日本語の場合、特にひらがな、カタカナが厄介。

[hinail]

"「Kerning.js」を使えばCSSにおいても簡単にカーニングが可能とのことなので"

[reveal-justice]

初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント

[kazuya030]

英語はむしろプロポーショナルの自動カーニングでうまくいく。日本語こそ、漢字とひらがなの違いなど気をつけたい場所はたくさん（私自身はカーニングできません）

[karinkon]

日本語のもオナシャス。メイリオは優秀だと思うけどたまにヘン

[smfu3590]

ちょうどいい。ひっくり返してやってみよう。

[watatane]

日本語ってベタ打ちでも十分きれいに見えるのは私だけだろうか。

[nimroder]

PhotoshopVipの記事のほうが断然読みやすかった。GIGAZINEの記事デザインは要点が掴みづらくて読む気がしないわ。

[Eimelle555]

"5：文字をひっくり返してみる"ってのは知らなかった。なるほど今度やってみよう。

[cachico]

初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント

[jdash]

カーニングが正しいかのチェックで『文字をひっくり返してみる』って欧文フォントの作り手さんがフォントを作っていく過程のお話の中でも聞いたことがある。