Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Category Archives: Typography

[Typography] Shape Type, the letter shaping game – 文字アウトラインのパスを調節し、崩れたフォントを元に戻すゲーム

  • Pocket
  • このエントリーをはてなブックマークに追加

文字のアウトラインパスを調節し、崩れたフォントのシェイプを元に戻すゲーム。最初にランディングするページはチュートリアルです。ピンクの丸(ハンドルと言います)を下にある点線の丸までドラッグしましょう。するとシェイプが完成してステージクリアとなります。次のステージからは答えが用意されていないので、自分で考えてシェイプを調節する事となります。Shiftを押しながらハンドルをドラッグすると90度単位で動かせます。このへんはイラレ・フォトショを触った経験のある人なら慣れた操作ですね。他にはOption(WinではALT)キーを押す事でハンドルが隠れて、現在のシェイプを確認する事ができます。調節が終わったら「Compare」キーで確定。その後採点されます。出題ごとにTypefaceと作ったデザイナー、リリース年について紹介されていて、デザイナーの知識欲を刺激してくれます。ちなみに制作はちょっと前に紹介したKERNTYPE a kerning gameと同じ所っぽいです。デザイナー向けのなかなかホットなゲーム。

[Typography] SUPERTYPE! – アメコミのタイトルデザインばかりを集めたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

Marbleなどのアメコミの表紙内タイトルばかりを集めたサイト。表紙全体の画像は掲載されておらず、コミック名のタイポに焦点をあてた内容です。SupermanとかX-Men、Batmanなどのメジャータイトルもあれば、Mighty Thorなどのそれほど知られてないタイトルもあり、中には何なのかサッパリ分からないものもあります。古い作例が多いため文字組みは手書きベースで、なかなかレトロな雰囲気もあります。見てるだけでも結構楽しめます。

[Typography] KERNTYPE a kerning game – カーニングのスコアを競うゲーム

  • Pocket
  • このエントリーをはてなブックマークに追加

Webブラウザ上でカーニング(文字詰め)を行い、そのスコアを競うゲーム。いやこれ素晴らしいっす。最初のページはチュートリアルになっていて、「kern me」の「e」の文字を適切な位置にマウスを使ってドラッグします。うまく点線の位置にハマればチュートリアル終了。次のページからゲーム開始です。最初の内は1文字だけですが、徐々に文字数が増えていき難しくなってきます。低いスコアが出たりするとデザイナー的に「ずーん・・・」ってなります。正しいカーニングが青で表示されるので、勉強になります。新人の適性検査とかにもイイかも。実際結構ムズいです。

[Logo Design] 40 Brilliant Type-Only Logo Designs – 文字タイプだけで作られたクールなロゴ

  • Pocket
  • このエントリーをはてなブックマークに追加

ロゴマークなどが存在せず、文字タイプだけで作られたクールなロゴデザインをまとめた記事。企業名やサービス名の横にイラストのようなものが存在せず、文字だでけデザインされるロゴを作らなきゃいけない時なんかに参考になりそうです。FacebookとかGoogleなんかもそうですね。ってか最近のウェブサービスって文字タイプのみのロゴが多いような気がします。ロゴデザインのネタ帳にひとつ。

[Logo Design] 50 Cool Animal Logo Designs – 動物を使ったクールなロゴデザイン

  • Pocket
  • このエントリーをはてなブックマークに追加

動物をモチーフにしたクールなロゴデザイン50選。イイっすねこのまとめ方。動物とか昆虫とか、生き物使ったロゴ好きなんです。それぞれのロゴはデザイナーの人の作例だったり、実際に存在するロゴだったりするみたいです。リンク先で紹介されてます。個人的にロゴデザインする時って楽しいんですが、Webに比べるとタバコとコーヒーの量が増える印象がありますな。

[Font] 42 High Quality Free Fonts For Graphic Designers – グラフィックデザイナーのためのフリーフォントまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

グラフィックでザーナーのためのフリーフォントまとめ。この手のフォントまとめ記事ってよく見かけるけど、なんか紹介されてる内容がやけにクールなフォントが多かったので紹介。グラフィックデザイナーだけでなく、ウェブ系の人にもオヌヌメな内容。こういうのって作例見てるだけでも楽しいっすね。

[Typography] 25 Tutorials for Creating Detailed Graphical Text Effects – クールなテキストエフェクトのチュートリアルまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

グラフィカルなテキストエフェクトのチュートリアルを集めた記事。25の作例が紹介されてます。各リンク先ではチュートリアルが紹介されてて、作例によってはPSDなどの元素材も配布されてるようです。作例もクールなものが多く、勉強になります。タイポ組む時のネタ帳に是非これひとつ。

[Typography] 40 Remarkable Examples Of Typography Design #5 – タイポグラフィーやロゴデザインの作例紹介

  • Pocket
  • このエントリーをはてなブックマークに追加

タイポグラフィーやロゴデザインのクールな作例紹介記事。タイポのアートワークやグラフィックデザインというよりは、ロゴデザインというかテキスト装飾といった感じの作例が多いです。凝ったデザインのものも多く、ちょっとしたアートワークを作成しようって時のネタ帳にナイスな感じ。