gihyo.jpサイトのロゴ

週刊Webテク通信

2009年10月第2週号1位は、さんざん乱用されたWebデザインのトレンド／気になるネタは、落書きから写真を合成!? PhotoSketch

2009-10-15

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2009年10月5日?10月11日の間に見つけた記事のベスト5です。

1. Most Used and Abused Web Design Trends of All Time | Web Design Ledgerhttp://webdesignledger.com/tips/most-used-and-abused-web-design-trends-of-all-time

これまでにさんざん乱用されたWebデザインのトレンドを紹介した記事です。

流行を振り返ることにより、自分なりの新たな表現を生み出すきっかけになればという趣旨のようです。

自分がそのデザイントレンドが好きだった理由を思い出せば、なぜそのトレンドに人気があったのかを理解する手助けになる。そしてその人気の理由がわかれば、それを応用した表現を考えればいいということでしょう。

「これはもう使用しない方がいいウェブデザインのトレンド | コリス」として翻訳記事が公開されています。また、それを元に補足した「使わない方がいいWebデザイントレンドの話 - かちびと.net」という記事もありましたので、併せてどうぞ。

図1　さんざん乱用されたWebデザインのトレンドの紹介
図1　さんざん乱用されたWebデザインのトレンドの紹介

2. IE 6で泣かないための、9つのCSSハック（1/3） - ＠IThttp://www.atmarkit.co.jp/fwcr/design/benkyo/csshack01/01.html

IE6対策についてのCSSハックがまとめられています。今までもさんざん語られているIE6対策ですが、日本語できっちり最新情報がまとめられているので重宝しそうな記事です。

クライアントに「いや、IE6対策って大変なんっすよ」ということをアピールするために、この記事を見てもらうという手もあるかもしれませんね。CSSなんか分からないという人でも、なんだか大変そうということは伝わるんじゃないでしょうか。

IE6対策を今までに何度となくしてきたという人でも、この記事でおさらいすると新たな発見があるかもしれませんよ。

おさらいつながりとして、CSSのコーディングについて基礎から案内した「Mastering CSS Coding: Getting Started « Smashing Magazine」という記事もおすすめです。

図2　IE6対策のCSSハックのまとめ
図2　IE6対策のCSSハックのまとめ

3.　Ajax sliders and slideshows Examples and Demos | INDEZINERhttp://indeziner.com/ajax/ajax-sliders-and-slideshows-examples-and-demos/

Ajaxによるスライダーとスライドショーのスクリプトを多数紹介しています。

図3　スライダーとスライドショーのサンプルとデモいろいろ
図3　スライダーとスライドショーのサンプルとデモいろいろ

4. Web Design: Grain Texture | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorialshttp://abduzeedo.com/web-design-grain-texture

Grain（粒子、布目）のテクスチャを使ったサイトのデザインショーケースです。

汚した感じのGrunge（グランジ）やざらざらしたGrainなど、無機質になりすぎないような処理が最近のトレンドのようですね。

図4　Grainのテクスチャを使ったサイトデザインのショーケース
図4　Grainのテクスチャを使ったサイトデザインのショーケース

5. iPhone App Design Trends « Smashing Magazinehttp://www.smashingmagazine.com/2009/10/09/iphone-app-design-trends/

iPhoneアプリのデザイントレンドについてまとめた記事です。

  1. iPhone OSのUIをまねる
  2. インターフェイスを単純化
  3. ハードウェアの見た目っぽくする
  4. 豪華できれいなリスト表示
  5. 重なりを持ったインターフェイス
  6. アイコンを使用したリスト表示
  7. イラストの使用
  8. ジェスチャーでの操作

といったユーザーインターフェイスでの流行について、豊富な事例とともに紹介しています。

こんなアプリがあるんだという視点からも楽しめると思います。わたしはこの記事で知った「myPANTONE」というPANTONE色見本帳のアプリを購入しました。

図5　iPhoneアプリのデザイントレンド
図5　iPhoneアプリのデザイントレンド

以上、メルマガ「デイリーWebテク」で先週紹介した記事から独断と偏見で選んだベスト5でした。

そのほか先週の記事から、なぜか先週多かったWeb業界の人には気になるニュースを紹介します。

先週の気になるWebサービス

Different Methods for Choosing Color Schemes in Web Design | Vandelay Design Bloghttp://vandelaydesign.com/blog/design-process/color-schemes/

今回は、カラースキーム（色彩計画）を設計するためのWebサービスが多数紹介されている記事を取り上げます。

カラーパレットを作成するためのサービス、写真やWebサイトを元にカラーパレットを生成するサービスなどが紹介されています。

図6　カラースキームを選ぶためのサービスを多数紹介
図6　カラースキームを選ぶためのサービスを多数紹介

おすすめ記事

記事・ニュース一覧