Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
カーンング練習ができるサイト「KernType」 | ぶちろぐ

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

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

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

投稿日:

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

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

 

KernTypeの使い方

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

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

 

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

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

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

 

まとめ

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

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

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

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

執筆者:


comment

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

関連記事

Macユーザー必見!過去のコピー履歴を管理できる「Clipy」のご紹介

パソコンで作業していると、よくURLやテキストをコピーすると思います。 当たり前ですが、ペーストしないうちに新しいものをコピーすると、最初にコピーしたものが分からなくなってしまいますよね。 そんな時、 …

便利なパターンジェネレーター3選

今回は、WEBサイトを作る上で使えるパターンジェネレーターを3つご紹介します。 手間をかけずに簡単にパターンを作成できるので、とても便利で助かりますよ〜!   便利なパターンジェネレーター3 …

Adobe Typekitのフォントが同期されなくなった時の対処法

AdobeのCreative Cloudを契約していると使える「Typekit」。 様々なタイプのフォントを自分のPCに同期させてPhotoshopやIllustrator等で使うことができるのでとて …

超便利!アイコンフォントを一括検索できる「GlyphSearch」のご紹介

Webサイト制作では、出番の多いアイコン。 私は以前まで画像のアイコン素材を使用していましたが、その存在を知ってからはアイコンフォントに頼りっぱなしです まずアイコンフォントについて簡単に説明すると、 …

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

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