特集1：最新ユーザーインターフェイスの設計図

−制作のポイントやアイデアをクリエイター自身が解説—

FlashやAjax、CSS、APIの活用など、Webサイトを制作する手段や技術が多様化する昨今、ユーザーインターフェイス（以下UI）デザインの選択肢も非常に多くなっています。そんななか、いまトレンドとなっているもの、個性的な表現をしているもの、アイデアに富んだものなど、Web制作の参考や刺激になり得るWebサイト10個を厳選。そのUIに辿り着くまでの考察、技術面・制作面での工夫、ユーザビリティへ配慮したポイントなどを、それぞれのサイト制作を手がけたクリエイターさんや制作会社さんに解説していただきました。

• 01＿リキッドレイアウトで有機的に変化するモジュールの集合体
• 02＿「言葉」をメニューにし、メッセージを伝える
• 03＿大量のムービーを再生するUIの仕組み
• 04＿マウスオーバーでのダイナミックな画面切り替えの演出
• 05＿音楽をビジュアライズしたUI
• 06＿3Dライブラリの基本機能で印象的な世界を作り出す
• 07＿感覚的な3Dと機能的な2Dを組み合わせる
• 08＿GoogleマップのUIでポートフォリオを見せる
• 09＿マウスホイール操作によるコンテンツ遷移
• 10＿主役になったり脇役になったりするナビゲーション

掲載サイトリンク集

特集2：エキソニモが知っている

−ここに、Webの本質が。ネット社会を軽やかにハックする彼らの全貌−

本誌連載「エキソニモのView-Source」でもわかるとおり、手を変え品を変え表現を試みるエキソニモの作品は、とても刺激的で批評的です。Web作品やソフトウェア、インスタレーションなど、あらゆる方法を通して「Web」の本質を浮き彫りにしてきた10年以上の彼らの活動を、たっぷりと伝えます。今あらためてWebを捉えなおして、Webに生きる僕たちが向かう先へ目を凝らしてみましょう。

• 【Interview】エキソニモが2010年の僕たちに教えてくれること
• 【Voice】関係者が語る極私的エキソニモ
• 【Column】ネットとアートの関係とは？
• 【Works】エキソニモ作品解説
  • ＿リアルと通じたアバターの死「Object B」
  • ＿Google社が買い取った風景画のゆくえ「Natural Process」
  • ＿ユーザー不在で何かが成立する世界「ゴットは、存在する。」
  • ＿東京TDC賞で絶賛されたTシャツECサイト「EXONEMO ANTIBOT T-SHIRTS」
  • ＿カーソルを通してマウスの死を疑似体験「断末魔ウス」　ほか
• 【Technique】「エキソニモのView-Source」テクニック解説
• 【Production Note】表紙＆特集ができるまで

エキソニモ

【NEW!】言葉のデザイン 2010 パブリッシングプロジェクト

「Web環境のタイポグラフィ」

【NEW!】Dance with iPhone

iPhoneと踊れ！　華麗なるUI・機能を理解しよう
Text：瀬尾浩二郎（面白法人カヤック）

「iPhoneアプリを企画したい！」「開発したい！」というWebクリエイターのみなさん、お待たせしました。この連載では、人気iPhoneアプリの制作者達を執筆陣に迎え、iPhoneアプリの企画・開発に役立つ情報を月替わりでお届けします。連載初回はiPhoneならではのUI・機能について。今後は、アプリ開発に使える外部ライブラリや、SNS・位置ゲー系アプリの考え方、アプリにおけるUI設計のノウハウなどを解説していきます。

掲載アプリ&参考サイトリンク集

【FocusOn】Ustreamカルチャー“現在”事情

DOMMUNE、ロロロ、ダダ漏れ、ゲリラ中継‥‥ライブストリーミング混沌時代
Text：伊藤ガビン

ある夜はキッチンからミュージシャンがライブとトークを放送し、ある夜は女性アーティストたちが一晩中トークする。あるいは毎夜毎夜の10分間だけの歌とおしゃべりの小さな番組があったり‥‥ここ数ヶ月で爆発的な盛り上がりを見せている「Ustream」。同時視聴者数1万人超を記録するなど、世界でも有数のUst番組「DOMMUNE（ドミューン）」や、メジャーレーベルに所属するアーティストでありながらライブをUst中継してしまうという暴挙に出た「ロロロ」などの話題を中心に、Ustカルチャーの“現在”をお伝えします。

【FocusOn】個性的なサービス開発が強みの会社、「ユーザーローカル」に迫る

ヒートマップ表示のアクセス解析ツール提供のベンチャー企業

分析結果をサーモグラフィ風のヒートマップで表示するアクセス解析ツール「User Insight」で、一躍有名になった会社がユーザーローカル。ほかにも、次々とサービスをリリースする彼らの開発の強みについて、取材を行っています。

（株）ユーザーローカル

【新著者登場】one's view

阿部貴弘「Asher Roth Official Website」

AR三兄弟のメディア拡張計画

第三回：グラビア
Text & Visual：AR三兄弟（ALTERNATIVE DESIGN++）

突如として誌面に登場した和服美人。今回は永子ママこと林永子さんをゲストに迎え、グラビアという概念と機能を拡張しました。

Web Designing Lab.

CSSLab.＿光と影を意識した見出しのデザイン
Text：川下城誉（CREAMU）

サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする

Ajax/JavaScriptLab.＿CSS3の機能を擬似的に実装する
Text：中村享介

サンプルデータ「実装方法」を見る
サンプルデータ「応用編」を見る
サンプルデータをダウンロードする

FlashLab.＿TLFを利用した雑誌風の縦書きレイアウト
Text：沖良矢（世路庵）

サンプルデータを見る
サンプルデータをダウンロードする

GraphicLab.＿タイポグラフィを使ったデザイン手法
Text：長谷川アンナ

サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータ「IDEA4」を見る
サンプルデータ「IDEA5」を見る
サンプルデータをダウンロードする

HOSTING SERVICE Essence

サーバはどこでどのように運用・管理されているのか。
サーバ運用専用施設インターネットデータセンターとは？
Text：井上聡

movement

話題の若手写真家・小山泰介の新作展、国際ニューアートフェスティバルの東京版「Interferenze Seeds Tokyo 2010」、「DOTMOV」作品募集スタート、オンデマンドT シャツショップTEEPARTYへようこそ　ほか
今月のアーティスト／杉山卓朗

Worldwide Creator's Archive

Soleil Noir Studio／「情熱」と「チームワーク」が成長の原動力

Soleil Noir Studio

WD Website Front

伊藤内科医院、SKY Comicプロジェクト、カトリデザイン事務所、トクマルシューゴ「PORT ENTROPY」、くりかえキシビション、Thermos SUGOWAZA THE BATTLE　ほか

今月の掲載サイトリンク集へ

WD Website Front＿In-Depth Report

Jawinサウンドプロジェクト—現場編—／作業服の既成概念を覆すためのブランディング

Jawinサウンドプロジェクト—現場編—
（株）ファーストブランド

one's view

「祝！ ソーシャルメディア・W杯初出場」
Text：川島高
Visa Go Fans

「自分の描いた絵で遊ぼう。」
Text：川村真司
Sketch Nation

「人類総クマ化計画」
Text：小山智彦
Face.com

モノサシに目印

退屈なTシャツ
Text & Visual：長谷川踏太（tomato）

TEE PARTY - TUESDAY

ツクルヒト＿原型師

池田圭郁（ガーガメル代表）／記憶に微笑むやわらかな怪獣たち

（有）ガーガメル

モバイルコンテンツ最前線

「おもてなし設定力」がモバイルキャンペーンを盛り上げる
Text：中谷健一（トリムタブジャパン）

MOBILE PK BATTLE

Social Seeds

レコメンドを発信する「Open Graph」がもたらす変化とは
Text：野澤智朝（ニテンイチリュウ）

ハギハラ総研

「光の道」について、みんなで考えよう
Text：萩原雅之

この仕事のカタチ

東京にあって、東京以外にないもの

Web Standards Plus

Flash vs. HTML5
Text：矢倉眞隆（ミツエーリンクス）

my first IA

IAサミット2010レポート
Text：長谷川敦士（コンセント）

IA Summit 2010

GREEN MEDIA Lab.

見えるようになれば変わる意識

橘塾

モノの売れ方は常に変遷し続ける
Text：橘守

WD Reviews

Microsoft Silverlight 4、JimdoBusiness、Mystical Lighting and Ambiance 2

News Crawler

Ustreamとニコ生、事業仕分け中継で訪問者が急増
オープンソース動画コーデック「WebM」発表　ほか

その他

全国Web制作会社リスト
モニター&プレゼント
WD Square
Back Numbers