Web Designing

ウェブデザイニング | Web Designing | 情報戦略でビジネスを加速させる 毎月18日発売

cover

2008年9月号

定価 1,280円

  • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
  • サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。

特集・特別企画

特集1:透過PNG+CSSデザインがやってきた!

—レイヤーワークで無限に広がるWebサイトのアイデア—

CSSデザインが定着して以降、HTMLのグラフィックデザインはその幅を広げてきました。多くのCSSギャラリーサイトを見ても、ビジュアルの華やかさ、豊富さにあらためてCSSの恩恵を感じます。そして今、CSSデザインの幅をさらに広げる存在として「透過PNG画像」に注目が集まっています。ポイントは「透過によるレイヤーワーク」。さぁ、新しいHTMLサイトを作りたいあなたに向けた特集がやってきましたよ。

  • _PNG画像って何ですか?
  • _透過PNGの利用はIEに注意! まずはこの対策を
  • _有名サイトの透過PNG×CSSを構造解析!
  • スクロールにアニメーションの驚きを/画像をドラッグして背景に配置する/定番テクニック解説/レイヤー構造を利用した視覚効果で奥行き感を/
  • _エキソニモが作る、透過PNGのビジュアルアイデア

preview

dConstruct 2008
The portfolio of Bryan Katzel
プチ・きせかえシステム
Silverback

特集2:現場に学ぶ インタラクションデザイン

—ユーザー中心主義のモノ作りに欠かせない手法と概念—

Webデザインの世界では、Flash、Silverlight、Ajaxなどの技術を活用した、アプリケーション要素の強い“動的”コンテンツを制作する機会が増えています。そこではユーザビリティだけでなく、「インタラクションデザイン」が必要だといわれています。インタラクションデザインは、ユーザーがコンテンツを利用する際に、操作の迷いや複雑さを感じさせないために必要なデザインなのです。この特集では、同デザインに取り組む現場から、その重要性とノウハウについて学んでみましょう。

  • _インタラクションデザインとはなにか?
  • _インタラクションデザインのプロセスとチーム
  • _アドビ システムズXDチームに見るインタラクションデザイン
  • _インタラクションデザイン最前線

preview

連載企画

Tide & Trends

Worldwide Creator's Archive

ストリートのベクター守護者

preview

OnClick Studio

WD Website Front

amanagroup、アクティブデザイン、螢光TOKYO、MadinSpain、DRY IN MOTION、生たび、3 milli world ほか

WD Website Front

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

Website Front_In-Depth Report

視覚の不思議をWebで体験しよう「マインド・ラボ」

マインド・ラボ
(株)ウイルアライアンス
(有)ワンダフル

one's view

「個性と度胸のあるもの」
Text:稲本零(米AKQA
Gringo

「千日の稽古を鍛とし、万日の稽古を練とす」
Text:中村洋基(電通
TFC RECRUIT 2009

「現実を拡張する」
Text:新藤愛大(BeInteractive!
FLARToolKit
拡張現実型メタセコビューワ(URL入力版)

「温故知新」
Text:野澤智(ニテンイチリュウFLY A BALLOON

ツクルヒト_小久保英一郎(天文学者)

見果てぬ空に揺るがぬ思いを

国立天文台4次元デジタル宇宙プロジェクト

Tech & Tips

HOSTING SERVICE Essence

ホスティングサービスのキラーツールとなりつつあるスパムメールフィルタの機能と仕組み
Text:井上聡

preview

【短期集中連載】これからはじめるActionScriptライブラリ

「Tweener」で気持ちいい動きを簡単設定
Text:寺井周平

サンプルデータ「test_9.swf」を見る
サンプルデータ「slideBarMenu.swf」を見る
サンプルデータをダウンロードする

Tweener

AIR WORLD by KAYAC

自由自在! AIRで作れるオドロキのWebブラウザ
Text:瀬尾浩二郎(面白法人カヤック)/佐藤純平(クーピー

preview


※サンプルデータイメージ(操作不要の「ブラブラブラウザ」)

サンプルデータをダウンロードする(AIR 1.1対応)

Flashの学校 〜教頭の研究室〜

理解しやすい順番、誤解を与えない順番とは?
Text:尾崎俊介(クスール

CSS Analysis

未来志向型サイト「The Brown Corporation」
Text:大藤幹

The Brown Corporation

Ajaxハジメマシタ

長いコンテンツは分割して読みやすく
Text:古籏一浩

サンプルデータ「pager.html」を見る
サンプルデータ「tocmaker.html」を見る
サンプルデータ「wizard.html」を見る
サンプルデータをダウンロードする

【最終回】Movable Type Step by Step

ちょっといい“+α”のカスタマイズ
Text:田口和裕

サンプルサイト「WD PRESS」を見る
サンプルデータをダウンロードする

Column & Essay

デザインにできること

からだの不思議
Text:永原康史

モノサシに目印

ループ作文
Text & Visual:長谷川踏太(tomato)

ヤマムラ月報

ギガ? ぎが、戯画。
Text & Illustration:山村浩二

ハギハラ総研

iPhoneはガラパゴスを変えるのか
Text:萩原雅之

preview

この仕事のカタチ

ここが見どころ 次号は白書2008

橘塾

世の中の不景気感の強まりを受けて
Text:橘守

ベビーブーム

manga & Text:横山裕一

News & Information

movement

急げ!! メディア芸術祭作品募集中!
47都道府県ニッポンのデザイン「デザイン物産展ニッポン」
横浜に点在するアート、横浜トリエンナーレ ほか

WD Reviews

Adobe Photoshop Lightroom 2 日本語版
Pixifex
TMPGEnc KARMA

News Crawler

モバイルビジネス市場が初の1兆円を突破
AdobeとGoogle、Yahoo!が提携、Flashコンテンツの検索がより確実に ほか

その他

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

サンプルデータについて

  • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
  • 各サンプルデータの著作権は、各データの作者に帰属します。
  • サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
  • 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。