今回のタグクラウドは、仕事に関係する言葉を使って作った、タイポグラフィー風のタグクラウドです。
単語をただ並べるのではなく、ひとつの文字のシルエットの中に配置することで、文字そのものが図形のように見えるようにしています。
テーマは「仕事」です。
外側の形には「S」「しょく」「しごと」を使い、その中にさまざまな職種名を詰め込んでいます。
言葉を画にする面白さ
今回のタイポグラフィー風タグクラウドの面白さは、見る距離によって印象が変わるところです。
遠くから見ると、まず大きな文字の形が目に入ります。近くで見ると、その中に細かい言葉が並んでいることに気づきます。
最初は画として見えて、次に中の言葉を読みたくなる。この二段階の見え方が、普通のタグクラウドとは違う面白さです。単なる文字の集合ではなく、ひとつの作品として楽しめるところに魅力があります。
今回のタグクラウドについて
本来のタグクラウドは、ブログで使っているタグをもとに表示します。しかし、タグだけで文字の形を作ろうとすると、多くのタグが必要になります。さらに、その文字の形がブログのテーマに合っている必要もあります。
そのため、新しくブログを作り、タグを増やして、ブログに合う文字の形を作るとなると、かなり時間がかかります。
そこで今回は、タグのかわりに、入力したテキストを使ってタグクラウドを作成しました。
タグを使った本来のタグクラウドではありませんが、見た目としてはタグクラウドに近い表現になります。
これにより、テーマに合わせた言葉を用意するだけで、比較的簡単にタイポグラフィー風タグクラウドの完成形を見ることができます。
今回のテーマは「仕事」
今回のテーマは「仕事」です。
外側の形には、仕事に関係する文字を使いました。
具体的には、次の3つです。
- S：しごとをローマ字で表したときの頭文字です。
- しょく：職業や職種を連想させる言葉です。
- しごと：今回のテーマをそのまま表した言葉です。
中に入れている言葉は、さまざまな職種名です。外側の形と中に入れる言葉に関連性を持たせることで、見た目だけではなく、内容にも意味が生まれるようにしています。
言葉だけで説明すると少し硬くなりやすいテーマでも、タイポグラフィー風にすると、直感的に伝わりやすくなります。
また、文字を読むだけではなく、画として楽しめるところも、この表現の面白さです。
使用した言葉
今回使った言葉は、主に職種名です。
大きく表示される言葉には、検索されやすい職種や、目立たせたい職種を入れています。ここが、このタグクラウドの中心になる部分です。
一方で、小さく表示される言葉は、外側の文字の形を支えるためのパーツとして入れています。
大きな言葉だけで構成すると、見た目が単調になりやすくなります。そこで、小さな言葉も入れることで、余白が目立ちすぎず、作品全体にまとまりが出るようにしました。
大きな言葉で主張を作り、小さな言葉で形を支える。この組み合わせによって、文字のシルエットを保ちながら、タグクラウドらしい情報量も出しています。
作品として見せるために意識したこと
文字の大きさ、向き、余白、詰まり方によって、タグクラウドの印象は変わります。
ぎっしり詰めると、力強い印象になります。
少し余白を残すと、落ち着いた印象になります。
今回は、詰め込みすぎず、余白を残しすぎない中間の雰囲気を目指しました。
表示例
今回は、表示速度を考えて、タグクラウドそのものではなく画像として掲載しています。実際のタグクラウドをそのまま記事内に表示すると、環境によっては読み込みが重くなることがあります。そのため、本記事ではPC表示時を画像化しています。
「S」
しごとの「S」です。
シンプルな形なので、全体のシルエットは比較的わかりやすくなります。ただし、「CADオペレーター」の文字がやや大きく見えるため、もう少し小さくしてもよさそうです。
「しょく」
「しょく」は、職業や職種を連想させる言葉です。
横向きの文字は、文字サイズと文字数を調整すると、比較的きれいに収まります。
「しごと」
「しごと」は、今回のテーマをそのまま表した形です。
縦表示にすると全体の存在感が強くなり、少し大きすぎる印象もあります。文字数が増えるほど、バランス調整が難しくなるため、文字サイズや余白の調整が重要になります。
まとめ
タイポグラフィーは、文字を読む楽しさと、画として見る楽しさを組み合わせた表現です。
ひとつひとつの言葉には意味があります。そして、それらが集まることで、ひとつの大きな画として見えてきます。今回は、その考え方をもとに、仕事をテーマにしたタイポグラフィー風タグクラウドを作りました。
言葉をただ並べるだけでは伝わりにくいものも、画にすることで印象が変わります。文字として読むだけではなく、画として眺めることで、言葉の感じ方も変わってきます。
今後も、いろいろなテーマでタイポグラフィー風のタグクラウドを作っていきます。
コメント