Web関連

遊びながらスキルアップ?楽しくデザインのことを学ぶ!

0

皆さんは学生時代、勉強することが好きなタイプでしたか?それとも苦手なタイプでしたか?
私はどちらかというと苦手なタイプでした…。
しかし、デザイナーとなった今でも常にスキルアップは欠かせませんし、デザインの流行や最新のWeb業界の事情について勉強して、Web業界で生きていく以上、常に学んでいかなければなりません。
スキルアップにしろ、勉強にしろ、苦手なものことでも、どうせなら楽しくやりたい!と思いませんか?
いい大人ではありますが、私はそう思います。
もっと気軽に楽しく出来たらなあ…でもそんな都合のいいことなんて…。
あるんですよね。
という茶番はさておき、本当にスキルアップにつながるかどうかは自分自身のとらえ方とやる気次第ではありますが、「これなら楽しく出来るのでは!?」と思ったものを紹介しますので是非参考にしてみてください。

自分のフォント知識が試される…!「フォントかるた」

これは以前にも一部界隈で話題になったので、もしかしたら知っている方も多いかもしれませんね。
その名の通り、札に書かれた文字のフォントはどれか?を当てるかるたです。

印刷物やWEBやテレビ番組などで日々目にしている多種多様なフォント。その中から、馴染みのあるもの、ユニークなもの、使いやすいものなど、48種類を選び、かるたを制作しました。

公式サイトより引用:https://www.fontkaruta.com/
だそうです。コンセプトが面白いですよね!
フォントといえば、私たちの日常にも大変欠かせないものです。
新聞、テレビ、広告、商品のパッケージなど、あらゆるものに様々な種類のフォントが使用されているので、目にしない日はないですよね。
商用のものからフリーのものまで世界中にたくさんの種類があります。現時点でどれくらいのフォントがあるのだろう?と思って調べてみたのですが、さすがに情報は出てきませんでした。多いですしね…。
さて、フォントといえば一つ一つにきちんとコンセプトや用途例があり、かなりこだわりを持って作られているものです。線の太さ、とめ、はね、はらい方など造形もそれぞれ細部に違いがあり、その違いを知ると面白くなってきます。
デザイナーとしても、どういう場面で、どういう用途でそのフォントを使うのか?を考える機会は多いですよね。
そして、「こういうときはこのフォントだ!」とパッと考えられたらスムーズですよね。私もそうありたいです。
「こういう形のフォントあったよな~」となんとなく造形を思い浮かべることはできても、フォント名まではなかなか出てこないことって多いですよね。
そんな悩み(?)を解決できる助けになるのが、このフォントかるたというわけです。
実際に、フォントにあまり興味がなかったという人でも遊びながらフォントを学べたり、造形に興味を持って楽しく種類を覚えたりすることができる!という声もあがっているとのことです。
これぞ楽しく遊びながらスキルアップできるツールですね。
私はまだ実際に遊んだことはないのですが、デザイナーを集めて遊んでみたいなあと思っています。

きれいな文字間隔を目指す!「KernType」

https://type.method.ac/
こちらもフォント続きにはなりますが、Web上で遊べるなかなか面白いゲームです。
羅列された文字列の中で、間隔に違和感がある文字を丁度良い位置にずらして、正しい位置を把握する…というゲームです。

このように、間に変な余白があったり近づきすぎたりしている文字を・・・

良い感じにずらして・・・「Done」というボタンを押すと・・・

あっているかどうかを採点してくれます!(78点かあ…)
デザインに精通している方であればピンとくるかと思いますが、キレイなデザインというものは、ただただキレイなフォントで文字を並べるだけでは全くキレイではありません。
何故かというと、デフォルトの状態ではただ文字が置いてあるだけなんです。
どういうこと?かというと…
column05.jpg
こちらの画像を例にしますが、何の調整もせずただ置かれているだけの文字列(上)と、文字間を調整した文字列(下)です。
まず上部の文字列ですが、これは文字ひとつひとつに対してある一定の間隔で余白が設けられている状態です。
これだけ聞くと「特に問題ないのでは…?」と思う方もいるかもしれません。
でも、そうではないんですよね。
顕著なのが「・」の前後と「ト」の前後の余白ですね。他の文字と見比べてみると、余白が大きく見えると思います。下部の調整した文字列と比べるとちょっと読みづらいと思いませんか?
ということで、文字間の調整はデザインを行う上で基本的な部分ではありますが、大事な所なのです。デザイン経験が浅いと結構見落としがちな部分になります。
そんな文字間を、ちょっとしたゲームを通じて「キレイな文字間とは?」と学べるのがこちらの「KernType」という訳です。
デザイン初心者の方だけではなくベテランの方でも、ゲームを通じて自分のカーニングのセンスはばっちりか?を気軽に試すことが出来ます。
ちなみにこちらの「KernType」の運営元のサイトには、他にもデザインやフォントを用いた簡単なゲームが掲載されているようなので、もし興味があれば試してみてください。

実は気軽に遊んで学べるデザイン

いかがでしたでしょうか。調べてみると、意外と「KernType」のようなデザインを扱ったゲームをWeb上で遊べるサイトがありました。
デザインを学ぶというとやはり学校に行ってみたり、実際にデザインを作成したり、書籍を読んだり、Pinterest等で良いデザインを見たり…という手法が今はメインなのかな、と思うのですが、
たまにはこういった「遊びながら学べる方法」も試してみるといい気分転換になりそうですね。

0

拡大化するサブスクリプションサービスについて考えてみる前のページ

自粛中も暇を作らず楽しく過ごす!今満足できる毎日の過ごし方次のページ

ピックアップ記事

  1. 新しい販売形態であるDtoCについて考えてみる
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. AIに求められているものは、実は意外な物だった

関連記事

  1. Web関連

    顧客に物を買わせる第一歩!

    通販番組のフライパンが気になっているIAの加藤です。最近、なぜ…

  2. Web関連

    初心者でもプロのように写真が撮れる!Webデザインにも役立つ基本テクニック4つの方法

    皆さん写真撮影は好きですか?私は好きです。なので、社内のイベン…

  3. Web関連

    【実録】SFA/CRMのシステム置き換えに関して考えたこと2

    こんにちは、システムエンジニアの小森です今回は社内システムの置き換えに…

  4. Web関連

    CGでしょ!?疑うほど進化した期待のヘッドマウントディスプレイ

    今回は、Microsoftが開発中のPCに代わる新たなデバイスをご紹介…

  5. Web関連

    服は買うから借りるの時代??ファッションレンタルサイト

    みなさんファッションに興味はありますか?私は学生の頃にコーディネートの…

  6. Web関連

    営業効率アップ!顧客の行動履歴に合わせたコンテンツを自動で配信するMAツール

    現在日本でも話題になりつつあるMA(マーケティングオートメーション)で…

おすすめ記事

最近の記事

  1. 持つべきなのか?運転免許証+マイナンバーカード
  2. RPAから始める業務効の自動化 働き方改革への選択肢の一つに…
  3. 【3分で解説】これから始まる自動車教習所のオンライン学科教習…
  4. 約1年間のウィズコロナ生活で大きく変わったもの
  5. スマートストアにより、小売業は激変する

アーカイブ

「いいね」を押された記事

  1. Web関連

    仕事に役立つ?!武士道的精神三ヶ条
  2. AI関連

    音声インターフェース(VUI)ってこれから本当に流行るのか
  3. Web関連

    グループウェア導入による業務効率化とは
  4. Web関連

    営業を仕組み化して売上を2倍にするwebマーケティングツールとは?
  5. AI関連

    【人工知能(AI)×顧客満足度】音声対話で最高品質のサービスを可能に
PAGE TOP