2010年のWebデザインのトレンドを予測するエントリーが「Web Designer Wall」さんにアップされていましたので、内容をざっくり翻訳してまとめてみました。(かなりアバウトな訳です。)
9つのWebデザイントレンド in 2010
「Web Designer Wall」さんによると、2010年のWebデザインのトレンドは次のようです。
実際のデザインの参考例は、「Web Designer Wall」をご覧ください。
- Serif Fonts (セリフフォント)
- Big Headings (大きい見出し)
- Custom Font Embedding (カスタムフォントの埋め込み)
- Subtle / Texturized Background (テクチャライズした背景)
- Minimalist & Grid (ミニマムリストとグリッド)
- CSS3 New Features (CSS3の新機能)
- Text Shadow (テキストシャドウ)
- RGBA & Opacity (RGBAと不透明度)
- Mobile Design (モバイルデザイン)
1. Serif Fonts (セリフフォント)
2000年から2009年までのWebサイトの多くは、VerdanaやArialで設計していました。しかし2010年からはセリフフォントに変わりそう。
2. Big Headings (大きい見出し)
ヘッダー(デザインインターフェイスの一部として)の大きい見出しは、2010年にもっと人気になるでしょう。
3. Custom Font Embedding (カスタムフォントの埋め込み)
Typekitがフォントリストを拡大していたり(中略)、他にも色々あるので(ココも省略)、私はより多くの人がカスタムメイドのフォントを埋め込みを使うと考えている。
4. Subtle / Texturized Background (テクチャライズした背景)
大きい背景のトレンドは徐々に旧式になっていて、テクスチャライズされた背景(特に小さいノイズのテクスチャ)と入れ替わりそうです。
5. Minimalist & Grid (ミニマムリストとグリッド)
ミニマムリストとグリッドデザインは今日の新しいものではありません。2010年はこれらが成長を続けると思います。
6. CSS3 New Features (CSS3の新機能)
CSS3はまだ全てのブラウザに完全にサポートされていません。
しかし、多くのデザイナーは実験として新機能(例:丸角、アニメーション、ボックスシャドウなど)をテストしています。
7. Text Shadow (テキストシャドウ)
多くのデザイナーは、テキストに深さを加えるため、テキストシャドウを使っています。
8. RGBA & Opacity (RGBAと不透明度)
RGBAは、背景の不透明度をより簡単に設定します。
9. Mobile Design (モバイルデザイン)
モバイルデザインにはウェブ設計の将来がありそう。
と・・・
以上が2010年度のWebデザインのトレンド予測でした♪
余談
「Web Designer Wall」さんでは、上の項目の中でどれが2010年のトレンドになるか、読者の方(Webデザイナーが多いと思います)に、アンケートを行っていました。
現段階での集計結果は以下の通りのようです。
1位:CSS3 New Features (50%, 663 Votes)
2位:Mobile Design (35%, 462 Votes)
3位:Custom Fonts (@font-face) (34%, 456 Votes)
4位:Minimalist and Grid Design (26%, 344 Votes)
5位:Subtle / Texturized Background (24%, 318 Votes)
6位:Big Headings (23%, 303 Votes)
7位:Serif Fonts (18%, 241 Votes)引用元:Web Designer Wallさんのアンケート結果より
このアンケートについて、日本の場合ならどうなるのかな?
と、妄想してみた結果・・・
私の妄想ではこんな感じになりました。
1位:CSS3 New Features
2位:Mobile Design
3位:Subtle / Texturized Background
4位:Big Headings
5位:Serif Fonts
6位:Minimalist and Grid Design
7位:Custom Fonts
みなさんの場合は、どんなランキング予想をされますか?








Really it’s good article i’m suggest another one
Thanks