[CSS3] Shading with CSS text-shadows – テキストシャドウを使ったWebタイポグラフィー

CSS3のtext-shadowを使ったWebタイポグラフィー。デモページはこちら。作例の数は3つと少ないけど、あーこういう事もできるのね、という感じで参考になります。ちょっとレトロな印象のエフェクトですね。ヴィンテージっぽいデザインなんかに向きそうです。

CSS3のtext-shadowを使ったWebタイポグラフィー。デモページはこちら。作例の数は3つと少ないけど、あーこういう事もできるのね、という感じで参考になります。ちょっとレトロな印象のエフェクトですね。ヴィンテージっぽいデザインなんかに向きそうです。

タイポグラフィーに関するWebアプリのまとめ記事。20のオンラインツールが紹介されてます。CSSのフォント指定ジェネレーター、独自フォントエディタ、サイズやLine-Heightなどの単位換算一覧、フォントテスター、フォントファインダーなどがその内容。サイト内でテキストを使ってタイポを組む時に役に立ちそうなツールが多い印象。

グラフィカルなテキストエフェクトのチュートリアルを集めた記事。25の作例が紹介されてます。各リンク先ではチュートリアルが紹介されてて、作例によってはPSDなどの元素材も配布されてるようです。作例もクールなものが多く、勉強になります。タイポ組む時のネタ帳に是非これひとつ。

このサイトアツいっす。MoMA(The Museum of Modern Art、ニューヨーク近代美術館)のインハウスデザインスタジオが行った、ごく最近の展覧会の様子を紹介したサイト。主に海外の広告のクールな作例やグラフィックデザインを扱ってて、壁面広告や印刷物といった作例がメイン。わりとタイポグラフィーものが多いという印象で、デザイナーの人ならきっと見てて飽きないはず。なんかこういうの見てると欧文文化ってイイなーってしみじみ思います。和文の文化圏である事自体がペナルティーとも感じ、日本の広告に比べてアート的な側面が強いこれらの作品は見ててヤバいっす。美しいです。ドキドキします。

タイポグラフィーやロゴデザインのクールな作例紹介記事。タイポのアートワークやグラフィックデザインというよりは、ロゴデザインというかテキスト装飾といった感じの作例が多いです。凝ったデザインのものも多く、ちょっとしたアートワークを作成しようって時のネタ帳にナイスな感じ。

Webタイポグラフィーのチュートリアルや作例、Tipsなどをまとめた記事。これなかなか読み応えあります。Tips & Tutorial、作例紹介、Tools、Websafeフォントについて、その他リソースという感じに各種リソースが紹介されていて、Webでタイポ組む際のTipsや注意点などを知ることができます。最近じゃ画像ではなくテキストでタイポ組む機会や技術も増えてますね。とは言っても日本語だとなかなか難しいですが。Webでもちゃんとタイポ組みたいって人に是非これひとつ。
Ultimate Guide of Web Typography Tutorials, Tips and Best Practices

タイポグラフィーの作例を集めたサイト。1サムネール1作品、特にジャンルに限定せず、美しい作品をスクラップブック的に紹介してます。Webタイポのような作品はほとんどなく、印刷物や手書きの作品が主体で、中には古い広告や書物に関するものもあり、作品のチョイスとしてはかなりシブ目です。個人的にツボりました。見てるだけで楽しいです。

美しいタイポグラフィーばかりを集めたブログ。主に印刷物からの作例紹介が多く、タイポ好きなら見てて飽きないと思います。コンテンツ量はそれほど多くないけど、なんかこういうブログ好き。映像作品や立体物なんかもチラホラあります。静かな作例が多い印象。印刷物をデザインする際のネタ調としてもナイスです。