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

Browse By

Tag Archives: Typography

[Typography] Typography Cheatsheet – あの文字どうやって出すの?って時に便利なチートシート

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

文字入力してる時に「あの文字どうやって入力するの?」ってなる事、たまにありますよね。記号とかちょっと変わった文字とか、ウムラウト付きのアレとか。そんな時に便利なチートシートです。入力したいだけならコピペして使えますし、何度も入力するならキーストロークも知る事ができます。マルCとかマルR、あとTMマークとか通貨記号なんか頻度高そうです。ちなみにMacユーザーなら好んで使いたい「」アップルマークは、「Shift + Option + k」で入力できます。これ豆な。

[Music] Beautiful album art. Updated every day. – 美しいアルバムジャケットのデザインギャラリー

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

クールなアルバムジャケットを毎日紹介するブログ。まだ始めて日が浅いようで作例の数こそあまりありませんが、紹介してる作品の趣味がとっても良いので、今後紹介数が増えてくるといろんな場面でのネタ帳になりそうです。ジャケットのデザインする人ってあまりいないかもしんないけど、印刷物やタイポグラフィー、グラフィックデザインの場面でもこういう作例は参考になりますな。扱うジャンルはクラブミュージック系が多い印象です。俺もロック限定のこういうサイト作ってみよかな。プログレ系とかオシャレでかっこいいジャケ多いんすよね。

[Print Design] Coverjunkie – 雑誌の表紙のデザインギャラリー

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

世界中の雑誌の表紙ばかりを集めたデザインギャラリー。大衆的なものよりは、どちらかというと意識高い系の雑誌が多い印象なので、印刷物デザインの良いお手本というか、ネタ帳になる気がします。ちょっとエッチなのも混ざってます。掲載作例の数も結構多いです。ちなみにわたくしPenとかGQとかナショジオとか好きです。

[Logo Design] The Logo Site free placeholder logos daily – プレイスホルダーとしてのロゴ

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

プレイスホルダーとして使えるロゴデザイン。1日1つずつ追加されているようです。サイトやApp制作における、企画やモックアップレベルの段階で使えそうです。「んなもん作った方が早ぇYO!」とか思っちゃいましたが、ノンデザイナーの人とかにはこういうの有用かも、と思ったので紹介。まだそれほど数は多くないので今後増えると使い勝手も良くなりそうです。

[Web Design] FontFit – 既存Webサイトのフォント指定をいじくれるサイト

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

既存Webサイトのフォント指定を、アレコレいじくる事のできるサイト。画面左上の入力フォームにURLを突っ込む事でサイトがロードされ、場所ごとにフォント指定を変更する事ができます。場所の指定はタグで行い(デフォルトはAタグ)、次にFont Faceやサイズ、スタイルなどを変更します。Font FaceについてはGoogle Fontsがロードされているようです。変更するフォント指定ができたら、ページ右上にある「Share / Export」ボタンからフォント指定のタグを取得する事ができます。サイトのフォント類を再考したい時なんかに、見た目を確認しながら作業できるのがイイですねこれ。

[Typography] Blade Runner | Typeset In The Future – ブレードランナーのタイポグラフィーを検証した記事

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

みんな大好きBlade Runnerの作中に出てくる、大道具・小道具のタイポを検証した記事。Tyrell Corpのロゴから始まり、新聞記事や街中の看板、ディスプレイに表示されるUI、広告に至るまでのあらゆるタイポを検証してます。元になったフォントなどの情報もあるので、Sci-Fiテイストのデザインする時の参考にもなりそう。またタイポ検証だけにとどまらず、舞台やモチーフとなった場所なども紹介されていて、Blade Runner好きにも楽しめる内容。ちなみにこの人、以前にAlienのタイポも検証してます。この時代のSF映画はタマりませんな。

[Photoshop] Fontea – Google Fontsをフォトショップで使えるプラグイン

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

Google FontsをPhotoshop内で使う事ができるようになるプラグイン。インストールする事でGoogle Fontのフォントラインナップの中から任意にチョイスして使う事ができます。現在700のフォントが用意されているそうなので、いやまぁこれなかなかスゴい数ですな。カテゴリーなどから抽出する事もできるようです。しかもこれ無料で使えるようです。フォント収集癖のあるタイポおじさんに超オススメ。俺も早速入れてみます。

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

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

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