2009年9月第1週号　1位は、効果的なWebデザインのための重要なテクニックと優れた事例／気になるネタは、iPhoneゲームBaseball SluggerがTwitterに対応

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

美しく洗練されたWebサイトをデザインするためのテクニックとデザイン要素を、多数の事例とともに紹介しています。挙げられている項目を以下に書き出してみました。

これらの要素を組み合わせたりして、あなたのサイトに取り入れるといいでしょうということです。

「ウェブデザインの幅をひろげる20のキーワード | コリス」でも、この記事を元に翻訳してまとめてありました。こちらもぜひご覧ください。

伝統的なデザイン技法とWeb2.0スタイルがうまく合わさっているサイトについて解説しています。

たとえば一つ目に取り上げられているPixel Matrix Designにサイトについては、以下のように書かれていました。

伝統的な面

Web2.0スタイルで強化された点

ほかのサイトも同様に、伝統的な面とWeb2.0スタイルで強化された点とがまとめてあります。

結局のところ、伝統的なデザイン技法もWeb2.0デザインも、「⁠無秩序なものを分類・整理し、複雑なものを簡単にすることを目的としている」と、最後になかなかいいことが書いてありました。

デザイナーのポートフォリオサイトを、何をメインで訴えたいサイトかによって5つのスタイルに分けて紹介しています。

といったカテゴリごとに、豊富な実例が掲載されています。

わかりやすく読みやすい比較表のデザインショーケースです。

表組部分の画面ダンプが延々と並び、その表組を含むページへとリンクしています。

ある要素だけをまとめたショーケースとしては、問い合わせフォームばかりを集めた「25 Exceptional Contact Forms to get Inspired - Geek Sucks」という記事もありました。

背景などに使える、繰り返しパターンのフリー画像を配布しているサイト集です。

それぞれのサイトに多数のパターン画像が登録されているので、合わせると膨大な数になりますね。

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

そのほか先週の記事から、Photoshop関連の記事を紹介します。

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

「fontcapture」は、自分の手書き文字をフォントにしてくれるフリーのサービスです。

有料のこの手のサービスは国内、海外でいろいろあると思いますが、フリーというのはなかったんじゃないでしょうか。

PDFの専用用紙をダウンロード→専用用紙に文字を書く→専用用紙をスキャン→スキャンしたファイルをアップロード、といった手順でフォントを作成できるそうです。

もちろん日本語書体は作れませんが、ひらがなだけ／カタカナだけのフォントは作れますね。記号やイラストのフォントを作っても面白いでしょう。

「Baseball Slugger」というホームラン競争のiPhoneゲームがあるのですが、最近アップデートしてゲームの終了時に「Twitterボタン」が出てくるようになりました。

このボタンを押すと、自分が何本ホームラン打って何点取ったかなどを、自動でTwitterに投稿できるというわけです。#Sluggerというハッシュタグが付くので、Twitter上でお仲間たちがいつ何点取ったかなどを検索するのも簡単です。

これ、流行りそうですね。

Wii Fitの測定結果とか脳トレの脳年齢（古い？）とか、Twitterに流すと盛り上がりそうなものはいくらでもありそうです。ゲームに限らず、診断系サイトや占いサイトの結果なんかにもTwitterボタンが付くとバイラル効果が期待できそうです。

何が面白いのかいまひとつ分かりにくいと言われるTwitterですが、こういったライフログ的使い方はひとつの事例として分かりやすいでしょう。

券売機でPASMOをチャージしたら、領収書ボタンの下にTwitterボタンが…。なんて未来はこないでしょうが、Twitterボタンを用意することで思わぬ効果を上げる企業やサービスは出てくるかもしれませんね。