gihyo.jp » WEB+DESIGN STAGE » 特集 » 新春特別企画・2008年を展望する! » 2007年の傾向からみる今後のウェブデザインの方向性

新春特別企画・2008年を展望する!

2007年の傾向からみる今後のウェブデザインの方向性

2007年のウェブデザインについて

ウェブデザインは日進月歩。まさにそう思います。2004年位からCSSも大きく普及し始めました。当初は新しいウェブ構築技術であるCSS・XHTMLを使うことだけでも革新的であったし,他のウェブサイトとも大きく差別化を図ることが出来たと思います。

しかしCMSの普及も相まって,もはやCSSでデザインする事は一般的な技術となり,CSSでデザインする事自体が差別化の術ではなくなりました。

確かに私自身CSSをマスターしたというレベルに全くありませんが,それでも一般的な技術を習得することは可能なわけであり,そういった事を考えれば当たり前の事でもあります。

CSSだけでは差別化出来なくなったウェブデザインはどこへ向うのか? 「Modern Life」には,"かわいらしいイラストやマスコットを使用している。""ダークグレイ基調の背景色に鮮やかな配色をおこなっている。"といった2007年度のウェブデザインの特徴が大きく5つのポイントで記載されています。

それぞれの説明は割愛しますが,私も今年のウェブデザインを見る限り,記載されている通りだと感じています。高度なグラフィック技術を取り入れる事により,今までのウェブデザインの常識を覆すレイアウトを試みている事が伺えます。そういった意味ではCSSも実践から応用の時期にさしかかっていると言う事が出来るでしょう。


もはや飽和状態とも言うべきCSSギャラリーサイトですが,その草分け的存在であるCSS Beautyから探ってみましょう(※1)。

※1
私もその昔,pajatti.netというギャラリーサイトを運営していましたが,2004年から2005年にかけての"CSS熱"には私自身驚かされる事の連続でした。1日に30~40ほどの掲載希望サイトの応募があり,掲載の基準についての質問やお叱りや励ましのメールも数多く頂きました。

2004年注目されたサイトとしては,以下のサイトがあったと思います。

それに対し2007年注目されたサイトでは,個人的には以下のサイトが印象に残っています。

それぞれのサイトの個性もありますので,一概に語る事は難しいかもしれませんが,2004年の時点のサイトが必要最小限の装飾でシンプル&クリーンに纏められているものが多いのに対して,今年のデザインは,イラストや複雑な背景画像を駆使した,カラフルなサイトが相対的に多いように感じます。 また,ただデコレートするだけではなく,全体のバランスを崩さずに,かつフォントは大きめに設定するなど, ユーザビリティーに配慮する姿勢も失っていないですね。

業界全体のレベルが高まっていくことは,何よりサービスを受けるユーザーにとってメリットが多く歓迎すべきことではありますが,その一方ウェブ業界で働くデザイナーにとっては,日々スキルを高める必要があり,改めて厳しい業界だと痛感しています。

その一方,美しいコーディングをテーマにCSS HappyLifeで行われたコーディングコンテストも非常に興味深かった事を覚えています。

いずれにせよ,始めにも書いたようにウェブデザインは日進月歩です。したがって今日より明日,今年より来年の方がウェブデザインのクオリティも当然高まるでしょう。

まだまだ発展途上の領域ゆえ,来年の動向も気になります。しかしながら"分からない"からこそ,魅力のある分野でもあるんですね。

2008年のウェブデザイン

そういった2007年のウェブデザインを踏まえ,ここからは完全に私の主観による部分が大きくなりますが,「来年のウェブデザインはどうなるのか?」を考えてみましたが,正直言って一言で言うと分からないです(笑)。

でも当然ですよね? 今は一般的な社会状況を見ても,変化の激しい時代で先が分からないと言われます。

その中でもドッグイヤーと言われるウェブ業界にあっては,より変化を推測することは困難ですし,不可能といっても過言ではないでしょう。しかしだからこそ,私はプランドハップンスタンスで2008年も臨みたいと考えています。

ウェブデザインの魅力は基本的なPCのスペックとツールさえあれば,誰でも気軽にはじめる事が出来ることです。 したがって,優秀なデザイナーは日本国内にも数多いると私は確信しています。

その中の誰かが革新的なサイトをひとつでも産み出せば,それがスタンダードになることも十分あり得ます。

一般論になりますが,人間は無いものねだりの我が儘な存在だと思います。したがって,これほどグラフィックを駆使したデコラティブなサイトが多く出てこれば,同じ事をやっていても差別化には繋がりません。デザイナー側もユーザー側も今までとは違う何かを追い求める事になると思います。

したがって,「原点回帰の傾向が多くなるのでは?」と感じています。無駄な装飾を廃し,純粋に伝えたいことだけを伝える。そういったサイトが多くなると感じていますし,逆にそういったサイトが増えてきて欲しいと感じています。

今年は私も依頼を頂いたサイトは若干制作しましたが,個人のブログサイトの更新は怠けてしまいました。進化するウェブ業界の次の動向を対応するため,何か新しい事に取り組んでいきたいと感じている次第です。

最後に,日々変化する業界に身をおける事は非常に刺激が多く,幸せな事だとも感じています。

著者プロフィール

masa

1977年6月4日生まれ。もともと個人の趣味として始めたウェブデザインが高じてフリーランスのウェブデザイナーとして細々と活動している。趣味はお茶する事と読書とファッションとインテリア。

運営サイト:margo.comTime of Furniture

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

2010年版SEO体得講座

本連載では,いまや企業サイトの戦略の1つとして欠かすことのできないSEOについて,最新トレンドからすぐに使えるTipsまでを紹介します。

小型Linuxサーバの最高峰 OpenBlockS 600活用指南

搭載メモリの増加,CPUクロックの向上など,あらゆる面が強化された期待の新モデルOpenBlockS 600。この記事ではOpenBlockS 600の紹介から,活用するためのさまざまなノウハウを紹介していきます。

はじめMath! Javaでコンピュータ数学

プログラミング言語入門者向けに,知っていると役立つ数学的トピックスを紹介します。簡単な演習問題と解説で,即活用できる知識を目指します。

教科書には載っていない ネットワークエンジニアの実践技術

ネットワークエンジニア,インフラエンジニアのトラブル対応には,時には「教科書通りにいかない」テクニックが必要となります。資格試験では得られないこうした実践的な技術について,実例を元に紹介します。

Googleケータイ,世に現る

2008年9月,Googleが中心となって開発されている「Android」を採用した携帯電話「T-Mobile G1」が発表されました。本連載ではT-Mobile G1を中心にGoogleケータイに迫ります。

モバゲーオープンプラットフォームに挑戦!――面白法人カヤック流モバゲーオープンプラットフォーム企画と開発のイロハ

2010年1月にリリースとなったモバゲーオープンプラットフォーム。その制作企業であるカヤックが,アイデアを企画に落とし込み,開発までのノウハウを紹介します。

プロトタイピングツールSketchFlowを用いた,Silverlightアプリ開発

SketchFlowプロトタイプ作成からアプリケーション開発までをExpression Blend 3を使って実践的に解説します。

Ubuntu Weekly Recipe

Ubuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス

最近のコメント