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

Browse By

Tag Archives: Typography

[Logo Design] LogoEvolve – 企業の今のロゴと昔のものとを見比べる事のできるサイト

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

企業ロゴの今と昔を見る事のできるサイト。一覧に表示されているのは現在のロゴで、マウスオーバーする事でその企業の最初のロゴを見る事ができます。AppleやMicrosoft、Google、Twitterといったテック系企業だけでなく、PepsiやLegoといったテック系以外の企業ロゴなども用意されています。Amazonの旧ロゴ分かる人は多分オッサンです。オッサンの俺が分かったのでね。Canonとかヤバいですね。もうなんか呪いとかこめられてそうだし。

[Typography] FontReach – フォント名から、それらが使われているサイトをリストアップしてくれるオンラインツール

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

フォント名を入力する事で、それらがどんなサイトで使われているのかを調べてくれるサイト。例えばHelvetica Neueと入力すると、FacebookやYahoo、Twitter、eBay、Redditなどで使われている事が分かります。使われているフォントのランキングなどもあり、それを見るとArial、Verdana、Helvetica Neueなどがよく使われている事が分かります。サイト内で使うフォントチョイスに役立つかも。ちなみに自分はMonacoとかMyrad Proあたりが好きです。

[Typography] 25 Insanely Creative Text Effects You Can Use For Free! – クールなテキストエフェクトの作例まとめ

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

いやー5連休終わっちゃいましたな。けど人によっては9連休だそうで。9日も休んだらなんだか社会復帰できなくなりそうで恐いとか思ってしまうくらいの社畜っぷりではあります。はー家に引きこもって1日中メタルギアしたい。
そんなわけでこの記事で紹介されているテキストエフェクト、なかなか趣味がイイので紹介しておきます。リンク先からPSDをダウンロードできるので、テキスト情報の再編集も簡単に出来そうです。ロゴや見出し作る際のネタ帳としてナイスです。
けど2日仕事したらまた休みじゃーん! ヒャッハー!

[Misc] Improving Typography One Symbol at a Time – 特殊文字の出し方ガイド

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

特殊文字の出し方を一覧で見せてくれるサイト。®とか©とか™とか∞とか、主にキータイプを使って入力する事のできる特殊文字が紹介されてます。いわゆるHTMLを使った特殊文字ではないので数は少ないですが、紹介されている文字類についてはHTMLでの記述法についても併記されています。またシンボルを右クリックする事でクリップボードにコピーできるので、コピペしまくる用途にも使えます。あの文字どうやって出すんだっけ・・・って時なんかに便利。

[Font] FontFinder – フォントの検索サイト

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

フォントの検索サイト。フォント名を入れる事でネット上に公開されているフォントファイルを探してくれて、かつダウンロードもできます。ファイル形式はフォントによって異なり、.oftや.woffなど色々あります。また検索結果画面においてキーボードアイコンをクリックすると、Web上で該当フォントを使ってテストタイプを行う事もできます。メールのアイコンをクリックすれば「あなたの探してるフォントこれでしょ」みたいな感じで他人に通知する事もできます。複数人でデザインワークしてる時や、家と会社間など異なる環境で仕事してる時などのフォント探しに重宝しそうです。

[Typography] in a brush – ハンドレタリング作例のギャラリーサイト

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

フリーハンドでササっと描いたレタリング作例のギャラリーサイト。作例によっては動画で紹介されてます。最近じゃまずは手書きから作業をスタートする人自体減ってそうですが、ロゴデザインの起点ってやっぱコレだよなーと個人的には思います。使っている道具も作例によって様々なので、例えばカリグラフィーとかに興味ある人なんかも楽しく見れる気がします。いやーしみじみと美しいですな。

[Logo Design] Brandseen – 有名ブランドロゴの色当てクイズ

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

コカ・コーラやマクドなど、誰でも知っている有名ブランドのロゴの色を当てるクイズ。まぁコーラは簡単ですわ。けどYahooはYahoo Japanのイメージが強すぎて間違えちゃいました。日本のフランチャイズ版ではなく、本家の方のロゴを思い出しましょう(新ロゴだったら分かったのにな・・・)。あと大好きなAppleでなぜか間違えてしまいションボリ。トータル66%のスコアでした。結構低いな・・・。原色ハッキリのロゴは比較的当てやすいけど、中途半端な色を使ってるロゴの場合結構難しいです。人間の記憶なんて結構ボンヤリですからねぇ。

[Font] 101 BEST FREE LOGO FONTS – ロゴデザインに使えるフォントまとめ

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

ロゴデザインに使えるクールなフォントをまとめた記事。101のフォントが紹介されてますが、どれも趣味が良くなかなかの良記事です。個人的にいくつもツボったので、ダウンロードして欧文フォントフォルダに突っ込んでおきました。いくつかロゴとして見た事のあるものがありますな。ロゴやタイポ組みする際のベースフォント選びにも使えそうです。