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

Browse By

Category Archives: Typography

[Typography] typespiration – Webタイポグラフィー作例のギャラリーサイト

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

Webタイポグラフィーの作例をギャラリー形式で紹介しているサイト。各作例はどれも「見出し」「小見出し」「本文」「引用」という一般的な文書フォーマットで構成されており、また使われている色についてもHEX指定で一通り紹介されています。そしてCSSも一式見れるようになっているので、コードをコピペすれば近いデザインの文書をサクっと作る事もできます。いやこれナイスですね。ただしフォント指定は欧文圏のものなので、日本語のサイト制作に応用する際には置き換えた方が良さそうです。

[Typography] 150+ Best Free Photoshop Text Effects Tutorials – フォトショップを使ったテキストエフェクトまとめ

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

Photoshopを使ったテキストエフェクトを150作例まとめた記事。数多いっす。各作例の「More Info」からチュートリアルページやダウンロードページに行く事ができます。スキューモーフィックなロゴデザインから、シンプルでフラットなタイポグラフィーまでいろんな作例が揃ってるので、テキストエフェクトのネタ探しの際に重宝しそうです。

[Typography] 20 High Quality, Useful and Free Text Effect PSD Downloads – テキストエフェクト素材のPSDまとめ

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

Photoshopを使って作られた、様々なテキストエフェクトのPSD素材をまとめた記事。いわゆるチュートリアルのまとめというよりはPSD配布元のまとめなので、「チュートリアルとかしゃらくせぇ! PSDをよこせ!」的なせっかちな人向けの内容です。紹介されている内容も結構かっこいい作例が多く、素材がPSDなだけに汎用性も高そうです。ただまぁ他人の力にばっかり頼ってるといつまで経ってもスキル身につかないですけどね。タイポのネタ帳としてもイイかも。

[Typography] 40 Fresh Adobe Illustrator Text Effects – イラストレーターで作るテキストエフェクト作例まとめ

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

Illustratorで作るテキストエフェクトの作例まとめ。色々なタイポグラフィー作例が紹介されているので、ロゴデザインやグラフィックデザインの元ネタとしても良さそう。ちょうどついさっき「ロゴ作ってー」というオーダーが来たばかりなので、この記事からネタ拝借しようかなとか思っているところであります。お盆だってのに今年はなんだか忙しいな・・・。

[Logo Design] Logo Faves – ロゴ作例のデザインギャラリー

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

ロゴデザインの投稿サイト。いろんな人のロゴ作例を、ギャラリー形式で閲覧する事ができます。新着、レートによるソートの他、任意のワードによる検索や、デザイナーごとの絞り込みなどもできます。ロゴ作例探すサイトとしてはLogo Pondあたりが有名だけど、ここも紹介されている作例が多く、ロゴデザインやタイポグラフィーのネタ帳としてなかなかナイスです。

[Logo Design] Responsive Logos – レスポンシブなロゴ

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

レスポンシブなロゴってなんじゃい?と思ったのでブラウザウィンドウの横幅をゴニョゴニョしてみたら、あぁそういう事ね、と納得しました。ロゴも実際、用途によっていろんなバージョンありますからね。レスポンシブ・レイアウトの手法でロゴの種類が変わるYOという実験的サイトです。ブラウザウィンドウを狭くすると、ロゴの中の要素が減っていくという手法が多いですね。作例の数はまだそれほど多くないけど、興味深い試みだなぁと思いました。

[Typography] 40 Fresh and Free Photoshop Text Effects – フォトショップで行うテキストエフェクトまとめ

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

Photoshopでできるテキストエフェクトの作例をまとめた記事。わりとクールな作例が揃ってます。ものによっては3Dの機能使ったものもありますね。ロゴデザインやグラフィックデザインする際のネタ帳としてナイスです。ちなみにわたくしが初めてPhotoshopを触った理由って、バンドのロゴ作るためでした。デスメタルっぽいやつね。ギザギザしてるやつ。最近そういうの作ってないなぁ。

[Typography] 40 of The Best Text Effect Tutorials Crammed With Photoshop Expertise – テキストエフェクトのチュートリアルまとめ

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

テキストエフェクトのチュートリアルを40例集めた記事。どれもPhotoshopを使って作られてます。手の込んだ作例が多く、また紹介されている数も40と結構な量です。ものによっては3Dの機能を併用しているものもあります。ロゴデザインやタイポグラフィ制作する際のネタ帳としてなかなかナイスなまとめ記事。