カーニングの練習にぴったり!Webデザイナーのデザイン勉強ツールKERNTYPEを試してみた




中の人
こんにちは。
春に向けていろいろ準備中のcoffeebreakの中の人(@ra_cer_X)です。

文字組(カーニング)みは難しくないよっていう記事を去年書いたのですが、最近気になるツールを見つけたのでレビューという形でご紹介したいと思います。

その前に文字組(カーニング)について基本的にな調整方法を事前に知っておいた方がレビュー内容と比較しやすいと思います。
以前書いた記事も合わせて紹介しておくので一読いただければ幸いです。
【簡単!】気持ちのよい文字組み(カーニング)をマスターしてWebデザインスキルを磨こう!
私の記事の中でtwitterから一番人気がでた記事になります。

Webデザインスキル向上!カーニング勉強ツールKERNTYPEを使ってみた

このツールは最近登場したものではないです。結構前からあるツールで私は知りませんでした。実際さわってみて、「コレがちょうど良いカーニングだ」と調整して確認しても案外ずれてるケースもあり、勉強になりそうなツールですね。

問題の中には正確度38%の問題もあって、「あ、そうなんだ!」と新たな発見もできました。

中の人
機械学習でWebデザインが勉強できるっていいよね!

KERNTYPEで文字デザイン(カーニング)の勉強をやってみる

最初は操作方法の確認ですね。1箇所だけずらしているので、スライドさせます。動かす文字をクリックして矢印キーで左右に調整してください。

KERNTYPEはPCでもiPadでも活用できるようですが、古いブラウザや端末は対応してなさそうですね。
※私の初代iPadでは動作が不安なのでPCでレビューしています。

操作方法が理解できたらいよいよ練習開始です。

全10問のテキストをデザインしながら順番に解いていこう!

最初の文字です。「WAVE」の中でズレた文字を調整して上手くカーニングしてください。

できあがれば右下の「Compare」を押すと正確度が表示されます。

正確度が確認できたら次の問題に進めるので「Next」を押してください。

次はカーニング正確度38%だった問題

第二問目が残念な結果になったテキストで「Type」をカーニング調整します。皆さんもためしてみてください。

ブログで連載しているWebデザインとフォトショップクイズにした第5問目

今週のWebデザインとフォトショップクイズでも紹介しています。
達成度90%以上にするにはどうすればよいでしょうか。ヒントはこちらの記事(【第10問】プロのカーニング技術を身につけよう!Webデザインとフォトショップのクイズはじめます)で紹介しているので確認してみましょう。

10問やり遂げるとカーニングしたスコアが算出

皆さんは難問を解いてスコアはいくつになったでしょうか?ちょっと低いスコアはシェアしたくないですよね。Webデザイナーを目指している未経験から勉強している人は何度か練習してからシェアしてみましょう。もしかしたらフォロワーさんがいいねを押してくれるかもしれません。

因に私は「91点でした」

操作が簡単なので「隙間時間」でためしてみて!

Webデザインの文字組み(カーニング)のおさらい

フォトショップはオプティカルというある程度自動調整してくれる機能があるので、実はそんなにカーニング調整は難しくないのです。
でも、文字はそれぞれ形が違うのでどこを軸にして均等な間隔を取るのかが分からない場合もあります。特に「A」や「Y」といった三角形の形の単語は調整に一工夫が必要ですね。

この辺りは冒頭でご紹介した以前の記事(【簡単!】気持ちのよい文字組み(カーニング)をマスターしてWebデザインスキルを磨こう!)で詳しく紹介しているので確認してみてください。

中の人
この記事を見ておけば文字組み(カーニング)は楽になるよ

ちょっとおしらせ!カーニングもそうだけど構成やデザインのアドバイスがあればいいな

とお考えの人には、これからWebデザインを勉強したい、Webデザイナーの転職を考えている人向けに直接添削はできませんが構成やデザインの勉強をtwitterの中でもアドバイスを発信しています。どんな活動をしているのかは「新しいチャレンジ」の記事を確認してください。

さいごに
私の記事はヘタクソなので上手くノウハウを受け取ってもらえないかもですが、最後まで読んでいただいて感謝いたします。

この記事はここまで!
ここからはよく読まれる記事をまとめてご紹介します。ひとあじ違うデザインに出会えるかもしれません。

そのフォント使ってる?「NexusFont」で大量のフォントを管理してPCの負荷を抑えよう

2017.11.12

【たった1問】遷移型アンケートページの構成とデザインを調べてみる

2018.09.01

記事でもランディングページ(LP)でもないアンケートページの構成・デザインの作り方

2018.08.26

日本語フリーフォントお探しですか?未経験・新米Webデザイナーさんにおすすめなフォントを選んでみました!

2019.02.11

【検証】本物のデザイナーだけが知っているCVエリアのボタンは何色がよいか?

2018.06.03

転職に有利なポートフォリオが作れる人と作れない人の違い

2019.06.02


お気に入りの情報
が無かったでしょうか?
この記事の最後にデザイン情報やノウハウをレコメンド形式でご紹介しています。

お求めの記事に出会えますように。



スポンサード広告 by google