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

Browse By

Tag Archives: Typography

[Graphic Design] Archivio Grafica Italiana – イタリアのグラフィックデザインアーカイブ

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

イタリアのグラフィックデザイン作例のデジタルアーカイブ。1950年代からごく最近のものまで、幅広く集められてます。イタリアといえば「Alitalia! Pirelli! ゴッドファーザー!」くらいの知識しかありませんが、70年代頃の作例が多いせいか、懐古趣味丸出しの俺的には結構楽しめました。発表年以外にもデザイナーや媒体なども併記されていて、資料的価値が高いです。印刷ベースの古いデザイン作例好きな人にオススメです。

[CSS] CSS Text Effects From CodePen – CSSテキストエフェクトまとめ

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

CodePenで紹介されているCSSテキストエフェクトのクールな作例をまとめた記事。ほとんどのものはPure CSSで作られてますが、モノによってはマスク背景とかに画像が使われたりもしてます。動きのある作例も多いです。元ネタがCodePenなので、コードの確認もサクっとできて汎用性も高いです。見出し装飾のネタ探しなんかにも使えそう。

[Logo Design] Logobook – ロゴやシンボル、トレードマークのデザインギャラリー

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

既存の企業ロゴや、シンボル、トレードマークの類を集めたデザインギャラリー。各ロゴは、文字ロゴ、シェイプによる属性分け、オブジェクト、自然物、ビジネスといったカテゴリで分けて紹介されており、それぞれの詳細画面に入ると、そのロゴが何のロゴであるのか、業種、デザイナー、作られた年といった情報を見る事ができます。掲載点数はかなり多く、また60年代〜80年代にかけて制作された比較的古いロゴが多いです。伝統的なロゴデザインのデータベースとしても有用なサイトといった印象。古めのロゴ大好きな人や、伝統的な手法を愛すデザイナーにオススメです。

[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」ボタンからフォント指定のタグを取得する事ができます。サイトのフォント類を再考したい時なんかに、見た目を確認しながら作業できるのがイイですねこれ。