Tweet this

2010年のウェブデザイントレンドを考える

先日『Most Used and Abused Web Design Trends of All Time』というエントリーで使わない方がいい時代遅れのデザイントレンドというのを紹介されていた方が、今度は2010年に先駆けて今年のデザイントレンドの中から素晴らしいものをピックアップ、今後も発展するであろうデザインを紹介しています。

Web Design Trends for 2010

例によってコリスさんにて意訳されたものが紹介されているので、詳しくは『2010年に備えて、知っておきたいウェブデザインのトレンド』をご覧いただくとして、自分なりにこれは取り入れたいもの、ちょっと難しいかな~と思うもの、それぞれ考えてみました。

1. Oversized Logos/ Headers

ブログやデザイナーさんのサイトで今後増えてきそうなデザインかも。というか、Matt Mullenwegさんのデザインはここ2~3年、こういった大きなヘッダーを使ったものだったような気がするな~。デザイナーさんとしての技を伝えるのには十分インパクトあります。

2. Sketch/ Hand-drawn Design

これは文句なく大好き。ただし、これまでみたいに全体的に手書き風だと個人のサイトくらいでしか使えなかったけど、これからは少し手書きテイストを加えるって感じに発展して商用サイトなどにも多く取り入れられるとのこと。部分的に使うことで、より一層引き立つデザインになるってことかな。

3. Slab Typefaces

これも上手く使えればかなり印象的なものになりそう。単に太い文字を使えばいいというものではなく、書体を十分に吟味してデザインしたいものですね。

4. Typography

積極的に取り入れたいもののひとつ。文字を使ってデザインするというのはとても難しいし、ましてや漢字、ひらがな、カタカナ、英語といろんな文字が混在する日本だとバランスとるのがほんとに難しい。その分、英語圏ではない、面白い表現が出来そうです。

5. One Page Layouts

すぐにでも作ってみたい。興味を引くには十分過ぎるくらいのインパクトあり。他へのリンク誘導があるというところでは、ある意味スプラッシュページのイメージに近そう。

Zach Klein

Zach Klein

6. Huge Images

インパクトのある画像はそれだけでデザイン(アート)となりますが、これはスキルがないと難しそう。。。

7. Change of Perspective

視点の変化。これまで以上にさまざまな角度から見たより現実的なものがよいそうです。これにより、2次元がより3次元に近くなるっていうことでしょうね。これもかなりスキルとテクニックを必要としそうなデザインです。

Book Store

Book Store

8. Interactive/ Intuitive Design

簡単で直感的なデザイン。フラッシュにおいてもこういったものが求められるようになるそうです。

9. Modal Boxes

これも積極的に取り入れたいもののひとつ。設置が簡単になった分、たくさんのサイトで見るようになりました。画像におけるデザインだけでなく、こういった使い勝手を考えたデザインがどんどん進化していくのはうれしいところです。

10. Minimalism

ここでいうミニマリズムはあくまでも2010年のものであって、これまでのものとは一味違うそうです。ホワイトスペース、タイポグラフィー、カラースキーム、これらに対するセンスがとても重要となります。このデザインは自分の中で昇華したいもののひとつ。

Kyle Standing

Kyle Standing

11. Oversized Footer

大きなフッター。このフッターにどんな情報を持ってくるかが問題ですよね。多くはコンタクトフォームであったり、自己紹介であったり、いろいろと趣向をこらしているサイトが増えています。

12. Retro

一歩間違えば、古臭く野暮な感じになります。でも、あえて取り入れるなら、やはり2010年風にというのがポイント。これは難しそう。アイデア力というか本当の意味での想像力が必要ですよね。

13. Intro Boxes

自己紹介ページとしては秀逸。格好いい!!思わずFacebookでコンタクトとりそうになってしまった^^;

Alessandro Cavallo

Alessandro Cavallo

14. Magazine Layouts

これはもう、トレンドの域をこえて定番になりつつある感じ。商用サイトでも十分に効果的なデザインのひとつだと思います。

後記:今回のテーマ変更において意識したのがミニマリズム。文字の大きさやバランス、ホワイトスペースの量、アクセントカラーの設定など、一枚の絵で書き出しながら作ったんですが、実際に運用してみると、バランスが悪かったり、テキスト量で印象が変わったりと、まだまだ調整が必要です。自己紹介ページもまだまだ作りこんでみたいし、ショッピングページももう少し工夫したいと考えているので、トレンドを積極的に取り入れながら、もっともっと昇華できればな~なんて思っています。

Related Posts

Tags: , , , ,

Leave a Reply