アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

カーンング練習ができるサイト「KernType」

投稿日:

Webデザインにおいて、重要だけどつい見落としがちな文字詰め(カーニング)。

そんなカーニングを体感的に楽しく学べるWebサービス「KernType」をご紹介します。

 

KernTypeの使い方

お題は全10問で、最初と最後の文字の間を均等のスペースで並べていくゲームです。

動かしたい文字をマウスでドラッグするか、矢印キーで移動させていきます。

 

スペースの調整が終わったら「Compare」ボタンをクリック。

すると、カーニングの精度を採点してくれます!

この時に「Both」オプションにチェックを入れておくと、水色で表示された正解と比較することができますよ。

 

まとめ

いかがでしたでしょうか?

「KernType」は、読みやすい文字間隔を身につけるのに最適なWebサービスではないかと思います。

スコアが表示されるので、みんなで競ったり、満点を目指したり、いろいろと楽しみながらゲーム感覚で学ぶことができますね。

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Webデザイナーの面接で聞かれたこと

Webデザイナーの面接ではどのようなことを聞かれるのか、気になりますよね。 私も面接を受ける前は、どんなことを聞かれるんだろうとドキドキしてました。 そこで今日は、私が制作会社2社の面接を受けて聞かれ …

ボタンを自動で生成してくれる「Button Maker」

今回は 「Button Maker」という、ボタンを自動生成してくれるウェブサービスをご紹介します。 文字やサイズ、色などを指定するだけで、簡単にそれっぽい綺麗なボタンを作ってくれるので、時間がない時 …

適切なシャドウの色が分かる「Material Icon Shadow Color Picker」

オブジェクトを立体的に見せたいときに使うシャドウですが、新米デザイナーさんはつい黒ばかり使っていませんか?(私がまさにそうなんですが…。) シャドウというと黒をイメージしがちですが、実はオブジェクトの …

【Illustrator】文字をアウトライン化せずに、オブジェクトの中央に揃える方法

文字をアウトライン化せずに、オブジェクトの中央に揃える方法を今更ながら覚えました。 通常だと、入力した文字の下に余白ができてしまってきっちり真ん中に揃えられないんですよね。 ↓こんな感じ…。 &nbs …

【Illustrator】ドキュメントをPDF化する時は「複製を保存」で行うのが安心

IllustratorドキュメントをPDF化する時、私は以下のようなミスをよくやってしまいます。 Illustratorで作ったものを、一旦クライアントに送ったりするために別名保存でPDF化 ↓ PD …