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

Browse By

Tag Archives: Typography

[Javascript] LETTERING.JS – ウェブでタイポ表現をする際に便利なjQueryプラグイン

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

ウェブでタイポグラフィーを行う際に便利なjQueryプラグイン。ウェブでタイポする時に面倒だったコーディングの手間を省く事ができます。JavascriptとCSS3を組み合わせる事で、テキストを維持したまま(画像にはせずに)リッチなタイポを表現する事ができます。通常文節や文字ごとに異なる装飾を行いたい場合、個別にspanタグを入れてclass指定したりしますが、このプラグインを使う事で、ブラウザ内レンダー時にコードを追加してくれるため、元となるソースコードを汚さずに装飾を行う事ができます。なかなかややこしい話ですが、ページ下部の導入サイト例を見ると、だいたいどういうものか分かるかと。THE 10 MOST POWERFUL TWEETS of 2010とかMoon World’s Fairあたり有名ですね。今後Web上でのタイポグラフィーは、画像ではなくこうした手段に徐々に移行していくのかもしれません。なかなかホットです。

[Logo Design] 100 logos in 100 days – 100日で100個のロゴを作るプロジェクト

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

1人のデザイナーが100日間に渡って毎日ロゴを1つずつ作っていくというプロジェクト。100日分、合計100個のロゴが掲載されています。なかなか根気のいる仕事ですが、見事にやりとげてます。作風はいかにも最近のベンチャー向けといった趣の、モダンな印象のものが多いです。グラデやテクスチャにそれほど頼らない作例が多いのも好印象。タイポ好きの人に是非。

[Logo Design] 20 Logos with Clever Negative Space – ネガティブスペースをウマく使ったロゴ

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

ネガティブスペース、つまり空白をウマく使ったロゴを集めた記事。ここで紹介されてる作例どれも素晴らしい。意味のある空白というか、空白を機能的に使った例というか、アイデアが素晴らしい。ようするにタイポ作品の中に社名と関連のある絵が隠されてるんですが、中にはちょっと考えないと分からないものもあります。だまし絵的な楽しさもありますね。BlackCatとか、アイデアの奇抜さがなかなかスゴいです。FedExのロゴの中に右向きの矢印が隠されてるのとか有名ですよね。

[Font] 100 New And Free Cool Fonts A Designer Must Download – デザイナーなら持っておくべきクールなフリーフォント

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

クールなフリーフォントを100例集めた記事。「デザイナーなら持っておくべき!」だなんてちょっと押しつけがましいですが、わりとかっこイイの多いです。ただし可読性や普遍性を重視した使いやすいフォントはそれほど多くなく、どちらかというと用途が限定されるデザイナーズフォントが多い印象。この手のフォントって、望んだデザインテイストにドンピシャな時はなかなかアツい仕上がりになるんですが、時と場合を選びますよね。DLして常にマックに入れておくというよりは、用途に応じて探して使うというのに向いてます。

[Font] 50 Most Popular Free Fonts – ポピュラーなフリーフォントまとめ

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

ポピュラーなフリーフォントをまとめた記事。ポピュラーと言うだけあって、どちらかというと奇抜なデザインフォントというよりは、可読性の高い手堅いフォントが多い印象。その分特定の印象に縛られないため、様々な場面に応用の利く、言ってみればデザイナー的に扱いやすいものが多いです。この手の汎用的なフォントは持っておいて損はないですね。

[Typography] 40 Impressive examples of Typography Designs – 印象的なタイポグラフィーまとめ

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

印象的なタイポグラフィーのまとめ記事。タイポというよりはロゴデザインだったり、テキストエフェクトだったり、まぁ結局一緒じゃねーか的なアレですが、ようするにタイポですw 多くの作例が紹介されてますが、3Dグラフィックソフトを併用したようなものも多く、「あ、俺は二次元専門だから」的な人にはちょっとアレかもしれません。まぁ俺がそうなんですけどね。いや二次元ってそういう意味じゃなくて、あっちの方は実写がイイです。いやまぁ実写と言っても結局は面に表示される時点で二次元になってるんですが、いやほら一般的に言う二次(ry

[Font] 40 Fresh Popular Fonts To Enhance Design – クールなフォントまとめ

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

デザインを拡張する、クールなフォントのまとめ記事。紹介されているフォントやその作例がなかなかかっこイイので、備忘録的に紹介。っていうかね、ウチの仕事用マックの欧文フォントが色々飽和してまして、整理しなきゃって思い続けてはや数年、日に日にカオスになっていくわけですよ。使わないのも色々混じってるから1度思い切って間引かなきゃなぁ。

[Typography] 47 Amazing Typography Inspirations – クールなタイポグラフィー作品

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

クールなタイポ作品を多数集めた記事。印刷にもウェブにも限定してない、アートワーク的な作品が多い印象。数の面でも質の面でもこのまとめ記事はなかなかクオリティ高いっす。印象的なメインイメージ制作をしたい時に、アイデアの源泉となりそうな内容。タイポ好きなら見てるだけでも楽しいと思います。多分。俺は楽しかった!