CSS3の潜在能力から生みだされたニューレトロなウェブデザインのトレンド
Post on:2011年2月22日
CSS3の潜在能力をヒントにした、新しいレトロ・ヴィンテージなスタイルのウェブデザインのトレンドを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2011/2011022202.png)
Trends: the new retrò web design and the "CSS3 style"
[ad#ad-2]
下記は各ポイント意訳したものです。
1. 明るいカラーとパステル
このグラフィックスタイルは、Web2.0で使用されていた明るいカラーとは異なります。放射状のグラデーションやスポットライトなどには、もう居場所はありません。
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-01.png)
New Adventures In Web Design conferenece
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-02.png)
2. 円形のロゴ
これは、消印のような円形にデザインされたロゴです。
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-03.png)
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-04.png)
[ad#ad-2]
3. テクスチャ
ヴィンテージスタイルにおけるトレンドとしては、紙を連想させるようなエフェクトやシェードのあるテクスチャを使用しています。
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-05.png)
International Storytelling Center
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-06.png)
4. ジオメトリックなフォント
レイアウトの主要な部分、タイトルやタグラインなどに同じタイプで細長く、通常の形状をもったジオメトリックなフォントを使用しています。
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-07.png)
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-08.png)
5. シェードしたテキスト
これはまさにCSS3のスタイルです。テキストに影を与え、背景に刻印されているようなエフェクトを与えています。
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-09.png)
![サイトのキャプチャ](/wp-content/uploads-2011/2011022204-10.png)
おわりに:トレンドの乱用はしない
トレンドは決して、乱用しないでください。基本的には一つで充分です。
トレンドを間違った方法で使用すると、美的センスの欠如を表明することになってしまいます。
これらの記事はPDF版(無料)として、元サイトよりダウンロードもできます。
![PDF版のキャプチャ](/wp-content/uploads-2011/2011022203.png)
元記事のPDF版のキャプチャ
sponsors