CSS3の潜在能力から生みだされたニューレトロなウェブデザインのトレンド

CSS3の潜在能力をヒントにした、新しいレトロ・ヴィンテージなスタイルのウェブデザインのトレンドを紹介します。

サイトのキャプチャ

Trends: the new retrò web design and the "CSS3 style"

[ad#ad-2]

下記は各ポイント意訳したものです。

1. 明るいカラーとパステル

このグラフィックスタイルは、Web2.0で使用されていた明るいカラーとは異なります。放射状のグラデーションやスポットライトなどには、もう居場所はありません。

サイトのキャプチャ

New Adventures In Web Design conferenece

サイトのキャプチャ

the DESIGN CUBICLE

2. 円形のロゴ

これは、消印のような円形にデザインされたロゴです。

サイトのキャプチャ

Beautiful Type

サイトのキャプチャ

Top Thai Thuis

[ad#ad-2]

3. テクスチャ

ヴィンテージスタイルにおけるトレンドとしては、紙を連想させるようなエフェクトやシェードのあるテクスチャを使用しています。

サイトのキャプチャ

International Storytelling Center

サイトのキャプチャ

SliceCraft

4. ジオメトリックなフォント

レイアウトの主要な部分、タイトルやタグラインなどに同じタイプで細長く、通常の形状をもったジオメトリックなフォントを使用しています。

サイトのキャプチャ

SEO Submission

サイトのキャプチャ

HTML5 Mania

5. シェードしたテキスト

これはまさにCSS3のスタイルです。テキストに影を与え、背景に刻印されているようなエフェクトを与えています。

サイトのキャプチャ

Abe Sanchez

サイトのキャプチャ

Stylapps

おわりに:トレンドの乱用はしない

トレンドは決して、乱用しないでください。基本的には一つで充分です。
トレンドを間違った方法で使用すると、美的センスの欠如を表明することになってしまいます。

これらの記事はPDF版(無料)として、元サイトよりダウンロードもできます。

PDF版のキャプチャ

元記事のPDF版のキャプチャ

sponsors

top of page

©2018 coliss