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

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

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

投稿日:

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

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

 

KernTypeの使い方

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

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

 

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

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

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

 

まとめ

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

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

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

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

執筆者:


comment

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

関連記事

【Illustrator】文字を縦書きにする方法

今回は、イラストレーターで文字を縦書きにする方法をご紹介します。 方法としては2つあるので、どちらか使いやすい方、または状況に応じて使い分けてみてくださいね。   イラストレーターで文字を縦 …

かわいいデザインのサイトが集まったギャラリーサイト

一口に“かわいい系のサイト”と言っても、子供向けのポップな感じなのか、女性向けの柔らかい感じなのか…など、様々ですよね。 なので、WEBデザインでかわいいを表現するのはなかなか難しいなあとよく思います …

【Illustrator】配置した画像にフチをつける方法

今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。 もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。 なんとなくフチって「線を追加」でつけら …

【Illustrator】文字を斜体にする方法

Illustratorのテキストを斜体にして配置したい場合、英字フォントであれば「Italic指定」ですぐに斜体に変換できるものが多いですが、日本語フォントの場合は「Italic」がないですよね。 じ …

無料で利用できる物件写真素材サイト「物件写真.net」

今回はちょっと珍しい、アパートやマンションなど物件の外観写真がたくさん揃った素材サイトをご紹介します。 バナーなどのデザインに使えるのはもちろん、クライアントにデザイン案を提出する時に、イメージしやす …