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

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

関連記事

日本の伝統色を集めた「NIPPON COLORS」のご紹介

和風のデザインを制作するとき、配色の参考になる素晴らしいサイトを見つけたのでご紹介します。 その名も「NIPPON COLORS – 日本の伝統色」といって、日本らしい色の数々がストックさ …

【Illustrator】オブジェクトを等間隔にコピーしていく方法

Illustratorでオブジェクトを等間隔にコピーしていく方法をご紹介します。 イラレ使いには常識!?とも思われる機能ですが、これを知っていると、普通のコピー&ペーストに比べて断然作業が早く …

【Webデザインおすすめ書籍】Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集

今日は久しぶりに、Webデザイン関連のおすすめの本をご紹介したいと思います。 デザインのアイディアやヒントが欲しい方、クライアントと方向性を決める時に参考となるものが欲しいという方、必見の本ですよ! …

【Webデザインおすすめ書籍】10倍ラクするIllustrator仕事術 【増強改訂版】

今までイラレの本は買ったことがなくほぼ自己流で操作していたのですが、今回評判のよいこちらの本を購入してみたので、ご紹介します。 10倍ラクするIllustrator仕事術 【増強改訂版】CS5/CS6 …

タイピング練習におすすめのサービス3選

いきなりですが、みなさんはブラインドタッチ(タッチタイピング)はできますか?  お恥ずかしい話、私は今まで独自のタイピングできてしまったので、ある程度早く打つことはできますが、たまにキーボードを見ない …