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

Browse By

Tag Archives: Typography

[Javascript] FitText – サイトの閲覧環境に合わせて、テキストを拡大縮小してくれるjQueryプラグイン

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

ユーザーのサイト閲覧環境に合わせて、テキストのサイズをちょうどイイ感じにしてくれるjQueryプラグイン。PC環境で見る時はブラウザのウィンドウサイズに、iPhoneなどで見る時はディスプレイの横幅に合わせてくれます。言葉で説明するの難しいんですが、リンク先サイトを開いた状態で、ブラウザウィンドウを広げたり小さくしたりするとどういうものか分かります。1つのサイトでPCにもスマートフォンにもウマい事対応したいという場合にイイっスねこれ。

[Photoshop] 25 Photoshop Text Tutorials – フォトショップで作るテキストエフェクト

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

フォトショップを使って制作する、様々なテキストエフェクトの作例とチュートリアルまとめ記事。25の作例が紹介されていて、各リンク先では作り方のチュートリアルが紹介されてます。ちょっとしたグラフィック制作時や、タイポで魅せたい時なんかにイイ感じのまとめ記事。

[Logo Design] 40 Extraordinary Symmetrical Logo Designs – 左右対称なロゴデザイン

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

シンメトリーなロゴデザインまとめ。40の作例が紹介されてます。このまとめ記事を見てて、ロゴって実際左右非対称のものが多いと思うんですが、こうしたシンメトリーなロゴを見てると、整理整然とした印象を持ちます。モノによってはシェイプは対象、配色は非対称だったりして、工夫が見られます。「シンメトリーなロゴを作るお!」という前提で作業始める人はいないかもしれませんが、ロゴ制作時のネタ帳に是非。

[Logo Design] 20 Tremendous Examples of Logo Redesign – ロゴリデザインの好例

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

企業やサービスのロゴがリデザインされた好例が紹介された記事。AmazonやMasterCard、MSNといったよく知られた企業ロゴのBeforeとAfterが紹介されてます。見た感じ改良と思えるものもあれば、改悪なんじゃねーの?って感じのもありますが、ロゴの変更の奥にある、ブランドイメージに対する何かしらの理由について考えると色々と楽しいです。

[Illustrator] Illustrator Must-Know Text Effects – イラレで描画するテキストエフェクト

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

イラレで行うテキストエフェクト色々。凝った表現のテキスト装飾がたくさん紹介されてます。この手のテキストエフェクトって、どちらかというとPhotoshopを使った作例集の方が見かける機会多いので、イラレベースのチュートリアル記事は貴重かも。デザインワークの中心にイラレを据えてる人向けのナイスな記事。タイポのネタ帳にもなりそうです。

[Logo Design] Fonts Used In Logos Of Popular Brands – 著名ブランドロゴの考察と、ベースとなっているフォントについて

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

著名ブランドロゴの考察と、ベースとなっているフォントについてまとめられた記事。ウェブサービス系が多いですが、IBMやHeinekenなど、もっと古くからある企業のロゴについても紹介されてます。結構多くのロゴが紹介されている上、元となったフォントへのリンクもあるので、例えばロゴを模したい場合などに便利。フォント収集の助けにもなります。

[Web Design] Impressive Typography Sites – 印象的なタイポグラフィーサイトまとめ

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

印象的なタイポサイトばかりを集めた記事。タイポ主体、ややミニマルデザイン、デザイナーのためのデザインといった印象のまとめ記事。「ホラ見て!俺ってイイ趣味してるでしょ!」的なオーラがギュンギュン伝わってくる感じのサイトばかりで、見てて気持ちがイイです。センスの良さをアピールしたいサイト制作時に参考になりそう。

[Logo Design] Clever Logo Designs That Speak For Themselves – ちょっと考えないと分からない、知的なロゴデザイン

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

ちょっと考えると「あーなるほどね!」的なインパク知な感じのロゴデザインばかりを集めた作例集。表現の仕方に世代感が出ちゃってますが気にしないでくださいね。社名やサービス名と関連するロゴデザインにするのはよくある例ですが、ちょっとした回りくどさ、メンドくささってのは、やり方次第では知的に見えたりします。「その発想はなかったワ」的な、コーナーポストギリギリあたりを狙いたい場合に是非。