アラサー主婦のWEBデザイン奮闘記
投稿日：
Webデザインにおいて、重要だけどつい見落としがちな文字詰め（カーニング）。
そんなカーニングを体感的に楽しく学べるWebサービス「KernType」をご紹介します。
お題は全10問で、最初と最後の文字の間を均等のスペースで並べていくゲームです。
動かしたい文字をマウスでドラッグするか、矢印キーで移動させていきます。
スペースの調整が終わったら「Compare」ボタンをクリック。
すると、カーニングの精度を採点してくれます！
この時に「Both」オプションにチェックを入れておくと、水色で表示された正解と比較することができますよ。
いかがでしたでしょうか？
「KernType」は、読みやすい文字間隔を身につけるのに最適なWebサービスではないかと思います。
スコアが表示されるので、みんなで競ったり、満点を目指したり、いろいろと楽しみながらゲーム感覚で学ぶことができますね。
執筆者：buchiko
関連記事
今回は、イラストレーターで文字を縦書きにする方法をご紹介します。 方法としては２つあるので、どちらか使いやすい方、または状況に応じて使い分けてみてくださいね。 イラストレーターで文字を縦 …
【Photoshop】人物や物など不要なものを消す方法（コンテンツに応じた塗りつぶし）
今回は、Photoshopで人物や物など不要なものを消す方法についてご紹介します。 様々な方法がありますが、ご紹介するのはその中でも「コンテンツに応じた塗りつぶし」を使った方法です！ 「 …
先日は和柄の名前や意味についてを記事にしましたが、今回は洋風の柄についてご紹介したいと思います。 洋服や小物などで普段から何気なく取り入れている柄ってたくさんあると思いますが、案外その名前って知らない …
【Webデザインおすすめ書籍】10倍ラクするIllustrator仕事術 【増強改訂版】
今までイラレの本は買ったことがなくほぼ自己流で操作していたのですが、今回評判のよいこちらの本を購入してみたので、ご紹介します。 10倍ラクするIllustrator仕事術 【増強改訂版】CS5/CS6 …
私は１つのサイトで複数案デザインを考えるときなどに、アードボードを複数使うのですが、その際見比べやすいようにアートボード同士の間隔を広げたいなあなんて思うことがあります。 そんな時は、アートボードツー …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/27
2019/08/23
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」