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

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

関連記事

たった数秒で人物だけを切り抜いてくれる「remove.bg」を試してみた!

少し前から気になっていた「remove.bg」、まだ試せていなかったので本当に数秒で切り抜きができるのか、検証してみましたよ〜。 まず「remove.bg」を初めて聞いたとういう方のために簡単に説明す …

デザイナー必見!使えるイラスト素材サイト

デザインを制作する際に、いい素材がなかなか見つからない…なんてことはありませんか? そんな時に必見な、イラストの素材サイトをいくつかご紹介します! ぜひ、以下の素材サイトをブックマークして …

ロゴ制作の際に参考になる記事【ヒアリング〜制作の流れ編】

今回はロゴ制作において参考になる記事を2つご紹介したいと思います。 私自身、まだロゴの制作はしたことがないのですが、今後担当した時のため、どのような流れでロゴ制作が行われるのか、クライアントに満足して …

新米Webデザイナーが入社1ヶ月目を振り返る

制作会社でwebデザイナーとして働き始めて、早1ヶ月が経ちました。   せっかくなので今日は、この1ヶ月を振り返って感じたことや学んだことなどをまとめていきたいと思います。 では早速。   …

Webデザイン学習法その2. スクールに通う

前回は独学について触れていきましたが、今回はスクールに通うことのメリットとデメリットについてご紹介します。 ちなみに私は、オンラインスクールで4ヶ月間Webデザインを学びました。 そこから感じたことも …