週刊Webテク通信

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

この記事を読むのに必要な時間:およそ 3 分

ネットで見かけた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 カラースキームを選ぶためのサービスを多数紹介

今週の気になるWebネタ

何度見ても信じられない! 落書きから写真を合成!? PhotoSketch(動画あり) : Gizmodo Japan(ギズモード・ジャパン), ガジェット情報満載ブログhttp://www.gizmodo.jp/2009/10/091006_photosketch.html

簡単なスケッチから合成写真が作れる「PhotoSketch」というツールが「これはスゴイ」と話題になっています。おおまかな形を描いてそれぞれのパーツの名前を入力すると,検索した写真から自動で合成写真を作るというものです。

機能紹介のムービーやサンプル画像を見ると,たしかにすごい技術のようです。

これ,イラストや漫画を描く人の資料写真に使えそうですね。自分が描きたい絵のシーンをまず合成写真で作ってもらえたら,あとはそれを見ながら描くだけです。ラクできそう。

Googleマップのストリートビューを見たときも,⁠これ漫画の背景の資料に使えるな」と思いましたが,ビジュアル関係のコンピュータ技術は,アナログで絵を描く人にも役に立つことが多いようです。

著者プロフィール

芦之由(あしのよし)

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/

コメント

コメントの記入