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

Browse By

Tag Archives: Typography

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

[Web Design] Use Apple’s New San Francisco Font on Your Website! – Appleの新フォントSan FranciscoをWebで使う方法

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

Appleの新しいTypeface、San FranciscoをWebで使う方法が紹介されています。サイト内ではWebフォントがダウンロードでき、CSSでのfont-family指定方についても記述されています。また白地に黒字黒地に白字のサンプルページも用意されています。ダウンロードファイルにはWOFFやSVG以外にTTF形式も同梱されているので、ローカル環境で使いたいという用途もイケます。San Francisco、「O」や「C」などに結構特徴がありますな。細身書体で可読性が高そうなので、今後使う機会も増えそうです。

[Typography] Helvetica Neue vs. San Francisco: Can You Tell The Difference? – Helvetica NeueとSan Franciscoの見分けつく?

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

Helvetica Neueというフォントと、San Franciscoというフォントを並べた時に、見分けがつくか?というクイズコンテンツ。YosemiteでシステムフォントがHelvetica Neueになって、その後Apple WatchでSan FranciscoというApple純正フォントが採用され、次のMacOSでは早速Helvetica Neueが用済みとなってSan Franciscoに統一されるんじゃねーか、という背景を知っていると楽しめますな。ちなみに自分がやってみたら75%正解でした。前半はまだ分かるものが多いけど、後半戦はさっぱり分かりません。もうどっちでもイイんじゃねーかって思うw 個人的にはHelvetica Neueの方が好きかなー。

[Design Gallery] Baubauhaus – 印刷物やポスターなどのデザインギャラリー

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

印刷物やポスター、写真、グラフィックデザイン、タイポグラフィーなどのデザインギャラリー。おそらく限定はしてないんだろうけど、印刷物寄りの作例が多いです。世界各地のクールなデザイン物が集められていて、チラホラ日本の作品もあります。集められている作品はどちらかと言うと大衆向けというよりはデザイナーが好みそうな趣味のものが多く、デザインに関わる仕事をしている人ならイイ意味でインスピレーションを刺激されるサイトだと思います。

[Print Design] typo/graphic posters – タイポグラフィーポスターのデザインギャラリー

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

タイポグラフィーがクールな、ポスター作例を集めたデザインギャラリー。ギャラリーでは作例のサムネールがズラっと並んでますが、詳細ページに行くと、それを制作した個人や団体の作例が一覧できるという方式。それぞれどの国のデザイナーなのか、どんな仕事をしてるのかについても触れられています。また印刷物だけに白背景の作例が多く、見やすくするためにサイトの背景を変える事ができる点もナイス。デザインのネタ帳として使えそうです。