Design Wedge バックナンバー：No.33-1

__________________________________________________________________________
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
_Design Wedge_____________________________________________________________
 weekly internet/web design magazine      | 2000/01/30 | no.33 | >>>magmag
==========================================================================
> part I.

Design Wedge再始動！
長いこと休刊していましたが、また再開していきます。
従来通りの週刊での発行は、リニューアルが完了してからとなりま
す。

(contents)
 今号は２部構成となっております。

part I.
 + 世界のサイトデザインレポート
 + インターネットデザイン関連ニューストピック
 ----------------------------------------------------------
 + お知らせ
 + 編集後記 part I.


part II.
 + 特集「ウェブデザインツール比較」
 + インデックスデザインアワード
 + インターネット広告デザイン考
 ----------------------------------------------------------
 + 編集後記 part II.
 ----------------------------------------------------------
 + i.d.nuts

 * このメールマガジンは等幅フォントで見て下さい。

==========================================================================
 世界のサイトデザインレポート
 ----------------------------------------------------------
 
 このコーナーでは、見習いたいデザインのページや気になったペ
 ージのチェックしたいポイントなどをピックアップしていきます。
 ホームページのデザインの参考にして下さい。
 
 ----------------------------------------------------------
 インターネットデザイントレンド (no.17)
 サイトデザインレポート
 ----------------------------------------------------------
 
 " American Express | Meet Blue "
 ( http://home4.americanexpress.com/blue/splash.asp)
 
 - テーブルを使ったフルレイアウトの例 -
 
 ウェブページのレイアウトには実に様々なスタイルがあり、僕は
 そういったものを調べるのが好きなので、次期Design Wedgeのサ
 イトでは、今までの記事を再編集したもの以外に、今まで見てき
 たサイトから様々なデザインのスタイルを、具体的にまとめたも
 のにしようと作業を進めている。
 
 ウェブページのレイアウトは、非常におおまかなに分類では、サ
 イズ固定のモノとサイズ可変のモノがある。
 サイズ固定のモノは、フレームを使おうと固定ウインドウにしよ
 うとテーブルで固定しようと、デザイナーの意図が直接ページに
 反映されるから、あとはデザイナーの料理次第なわけであるが、
 サイズ可変のモノではそうはいかない。
 
 サイズ可変のレイアウトを持つページでは、見る人によってサイ
 ズが違うので、ウィンドウのサイズによってはごちゃっとしてし
 まったり、逆に空白部分が目立つ空き空きしたページになってし
 まうので、そこらへんの見え方をうまく調節出来ているデザイン
 にする必要がある。
 
 このAmerican Expressのページでは、メニュー部分の画面の横幅
 に合わせて可変する色付きのテーブルと画像部分がうまく融合し
 ていて一見すると可変する画像にも見えます。
 実に見事なデザインと言えるのではないでしょうか？こういった
 タイプのページは、テーブルで横幅を固定してしまいがちですが
 このページではうまく処理しています。ビジュアルと機能の両方
 を備えたデザインと言えるでしょう。
 
 ----------------------------------------------------------
 
 " Myriad Agency - methodfive "
 ( http://www.myriadagency.com/)
 
 - サイズ固定 -
 
 レイアウトされている画面のサイズ固定のモノには、実に様々な
 タイプがあり、テーブルでサイズを固定しその中にレイアウトす
 る方法やフレームを使って固定する方法、新しくサイズ固定のウ
 ィンドウを出すやり方など様々ありますが、中でも最も好き嫌い
 の激しいレイアウトが今回紹介するようなタイプのページです。
 
 こういったスタイルは既に無数にあり系をなしています。こうい
 ったスタイルはコンセプトや必然性がない場合にやると反感を買
 いますが、例えば背景画像の関係上こうしなければならない場合
 もあります。デザイナーの個人ページでは比較的こういったスタ
 イルを好んで使っているのをよく見ます。
 
 ----------------------------------------------------------
 
 " Burton.com "
 ( http://www.burton.com/)
 
 - ロールオーバーの効果 -
 
 メインページのロールオーバー効果は目を見張るものがあります。
 Burton.comのトップページの２つの大きなイメージがカラフルに
 変化するロールオーバーはコントラストが非常に綺麗です。まっ
 たく珍しくなくなったロールオーバーも使い方次第ではいい効果
 を引き出せる良い例ではないでしょうか？　シンプルでインパク
 トがあるページです。　はっとさせられました。
 
 ----------------------------------------------------------
 
 " Healtheon - Home Page "
 ( http://www.healtheon.com/)
 
 - ロールオーバーページはテレビ映りが良い -
 
 日本でもCSなどで見る事が出来るCNNチャンネルにはCNNドット・
 コムというインターネット関連の専門番組があります。
 CNN ドット・コムで見たこのページは、ロールオーバー部分を拡
 大して放送していて、おおっと思いました。実際見てみると普通
 のデザインのページですが。
 
 テレビではウェブサイトを紹介する際にロールオーバーの部分を
 拡大して映すっていうパターンが多いように思えます。何も動く
 ものがないページはスクロールバーで画面を動かして動きを与え
 るパターンが多いです。
 
 そんな対策は不要ですが、他のメディアで紹介する時見栄えがい
 いページであることも大事だと思います。
 
 ----------------------------------------------------------
 
 " Welcome to ApartmentSource.com "
 ( http://www.apartmentsource.com/)
 
 " Welcome to FreeDrive "
 ( http://www.freedrive.com/)
 
 - ポップな感じを生み出すイメージ -
 
 斜上から見下ろして撮った写真を使ったこういったページを最近
 よく見ます。一つは大きさや画像の容量から人物の全身を映す効
 果的な方法であること、そしてディフォルメされて見えることか
 らポップな感じをかもしだすことが出来ています。
 
 今回はここまで。
 
                   -Kara_D        mailto:khsoul@alles.or.jp
 
 
 ----------------------------------------------------------
 テキストで魅せるホームページ (no.20)
 ----------------------------------------------------------
 
 " Good Business Sense "
 ( http://www.good-business-sense.com/)
 
 ホームページタイトルにひかれたサイトで、トップページは知的
 な印象。各ページのテキストは、フォントの種類もサイズも色も
 「標準」を用いています。画像が与えるイメージなどと合わせる
 と、やはりテキストは「標準」が落ち着きがよいのかなと思わせ
 ます。
 
             -Rei           mailto:shreiko@mb.infoweb.ne.jp
               http://www.geocities.com/Eureka/Office/3131/


==========================================================================
 インターネットデザイン関連ニューストピック（休刊分含む）
 ----------------------------------------------------------

 休刊の間、この業界でもいろいろな動きがありました。
 新旧含めて気になったニュースを選びました。
 
 ----------------------------------------------------------
 W3Cが「XHTML1.0」を勧告。
 ----------------------------------------------------------
 
 WWW の国際的な団体 W3C( World Wide Web Consortium ) が、
 「XHTML1.0」を勧告したというニュースが、結構いろいろなとこ
 ろで取り上げられている。それだけ、重要なニュースだというこ
 とだ。このメールマガジンでも取り上げてみます。
 出来るだけわかりやすく説明しようと思う。
 
 「XHTML 1.0」は、「HTML 4.0」を「XML 1.0」アプリケーション
 として再定式化したもので、「XHTML1.0」は従来のブラウザ上で
 も動作する上、次世代のHTML と言われる「XML」対応のソフトウ
 ェアで利用することが可能なように作られている。
 
 従来の「HTML」では、文法が決められてはいたが、その通りに書
 かなくてもブラウザがおおめに見てくれて表示してくれた（その
 結果、きちんと文法どおりに書かれていなくても表示できるよう
 な方向でブラウザ自体が肥大してしまうということも起きた）と
 いうこともあったが、「XHTML1.0」では、「整形式」といわれる
 厳密な文法が存在しておりそれに従ってに書かなければならない。
 
 例えば、XHTML のエレメントと属性は小文字にするとか、すべて
 の要素がネストされなければならないといった具合である。
 一見、面倒臭そうに見えるこれらの厳密な決まりごとがきちんと
 したブラウザの規格化やプラットフォームを選ばないページ作り
 を実現することにつながると考えよう。
 
 また、厳密な「XML」 の文法に従うことで、拡張、モジュール化
 といった機能も利用できるようになる。とはいえ、「XHTML1.0」
 は従来の「HTML」からの移行していくことが目的のものだから、
 僕らウェブデザイナーは、焦らず腰をすえて学んでいこう。
 
 では、どうやって既存の「HTML」を「XHTML」や「XML」対応の整
 形式にするか。きちんと自分で文法を確認してやるのがいちばん
 いいが、「TIDY」という変換ソフトもあるので紹介しておく。
 こちらを利用するのもお薦めします。
 
 " Clean up your Web pages with HTML TIDY "
 ( http://www.w3.org/People/Raggett/tidy/)
 
 
 「XHTML1.0」をはっきりと知るには、何はともあれ" W3C "のペー
 ジを見ておきましょう。
 
 " W3C "
 ( http://www.w3.org/)
 
 
 ----------------------------------------------------------
 Macromedia 「Dreamweaver 3」「Fireworks 3」を販売
 ----------------------------------------------------------
 
 既に販売している「Dreamweaver 3」「Fireworks 3」。
 本当は去年年末頃に発行する予定だった記事ですが、まだ買って
 ない人もいると思うので、今回新しく追加、強化された機能につ
 いて書いておきます。参考にして下さい。
 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 
 - 「Dreamweaver 3」について - 
 
 外部ソースエディタとの統合、HTMLソースレベルでの詳細なコン
 トロール機能とビジュアル表示編集の両立、他で作成されたHTML
 コードを改変せずに編集するRoundTrip HTML機能、異なるバージ
 ョンおよび種類のインターネットブラウザ、XML のサポートなど
 「Macromedia Dreamweaver」は既に充実した機能を持っている。
 
 新バージョンである「Dreamweaver 3」は、バージョン2に対する
 プロフェッショナルな Web制作者からの機能リクエストを反映す
 ることにより、 Webサイト制作の自動化、他の Web関連ツールと
 の統合、制作工程に合わせた 「Dreamweaver」のユーザーの方々
 が拡張できる制作環境を実現できるとのこと。
 
 注目すべきは、外部ツールで作成されたウェブページを読み込ん
 でもタグの変更をしない「RoundTrip(TM) HTML」の強化や、
 「Fireworks」との連携をスムーズにする Fireworks HTMLの挿入
 機能、カスタマイズ可能なメニューとショートカット、それと
 「Golive 4」でも実現してない「ヒストリ機能」ではないでしょ
 うか？
 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 
 - 「Fireworks 3」について -
 
 「Fireworks 3」はWeb画像の作成、編集や最適化だけではなく、
 新たに追加された多数のデザイン機能や Webグラフィック制作ス
 テップの自動化、また一連のMacromedia製品や他社のグラフィッ
 クアプリケーション、HTMLエディタとシームレスに連携させるこ
 とができるので、レイヤーを保持したままのファイル読み込みや
 変更不要な JavaScript、HTMLなどの挿入も可能となっています。
 
 注目は、IllustoratorやFlash形式での書き出し、Dreamweaverと
 の統合性などでしょうか。特に、 Dreamweaverとの連携にかけて
 は、Macromediaはことのほか力を入れているようで、その自信は、
 下のミレニアムキャンペーンへとつながるわけですが、これで一
 気にシェアを広げるものと思います。
 
 また、今回のDesign Wedge のpart II.にても取り上げています。
 そちらの方も合わせて読んでみて下さい。
 
 詳しくは、Macromediaのウェブサイトを見て下さい。
 製品の機能紹介や試用版のダウンロードが出来ます。
 " Macromedia "
 ( http://www.macromedia.com/jp/)
 
 
 ----------------------------------------------------------
 「Dreamweaver 3」「Fireworks 3」ミレニアムキャンペーン
 ----------------------------------------------------------
 
 世界標準のプロフェッショナルWebツールとしてWebデザインを行
 うすべての人に向けて新バージョン発売と同時にミレニアムキャ
 ンペーンを展開している。ミレニアムキャンペーン期間（2000年
 1月14日 〜 2000年3月31日）は、キャンペーン価格で購入可能。
 
 販売価格は全て税別表示。
       
 Macromedia Dreamweaver 3 Fireworks 3 Studio 日本語版
 （Dreamweaver 3 とFireworks 3の両方が入ったパッケージ）
 
        Windows版      ミレニアムキャンペーン価格 \22,000
        Macintosh版    ミレニアムキャンペーン価格 \22,000
 
 Macromedia Fireworks 3 日本語版
 
        Windows版      ミレニアムキャンペーン価格 \16,000
        Macintosh版    ミレニアムキャンペーン価格 \16,000
 
 Macromedia Dreamweaver 3 日本語版
 
        Windows版      ミレニアムキャンペーン価格 \20,000
        Macintosh版    ミレニアムキャンペーン価格 \20,000
 
 
 ----------------------------------------------------------
 Macromedia「Macromedia Director 7 Lite 日本語版」を発売
 ----------------------------------------------------------
 
 Macromediaが、12月3日より「Macromedia Director 7 Lite 日本
 語版」を販売しています。

 Director 7 Lite は、プロフェッショナル用のマルチメディアオ
 ーサリングツール Macromedia Director 7 Shockwave Internet
 Studio をShockwave を使用したデジタル コンテンツのインター
 ネット配信に特化させた製品であり、エントリーレベルのユーザ
 ーの方々に向けて機能を絞り込んだ「はじめてでも気軽に 
 Shockwave アニメーションやゲームを作れるツール」です。

 従来、Shockwave コンテンツを制作するにはフルパッケージ（標
 準価格: 128,000円） を購入する必要があり、コンテンツを制作
 できるユーザーもプロフェッショナルユーザーに限られていまし
 たが、今回 Shockwave 専用のLiteバージョン発売により、
 Shockwave コンテンツはエントリーユーザーやホビーユーザーの
 方々にとっても気軽に作成できるものになってます。

 
 Macromedia Director 7 Lite 日本語版
 
        Windows 版                                \19,800
        Macintosh 版                              \19,800
 
 
 ----------------------------------------------------------
 iReview - apple によるウェブサイトガイド -
 ----------------------------------------------------------
 
 Mac OS Xの発表で最近にぎやかな、Apple のインターネット戦略
 の一端として出てきたiToolとともに発表された、Appleのウェブ
 サイトガイドiReview は、ウェブデザイナーを目指す人は必見の
 サイトだと思う。Apple のサイトはといえば、Mac OS Xで使われ
 る新しいインターフェイスのAQUAと同系統のデザインになってい
 ます。
 
 AQUAに関するページはこちら
 http://www.apple.com/macosx/aqua.html
 
 チェックすべきサイトがまた一つ増えたのは言うまでもありませ
 ん。
 
 " Apple iReview "
 ( http://ireview.mac.com/)
 

                   -Kara_D        mailto:khsoul@alles.or.jp
 
 
==========================================================================
 お知らせ
 ----------------------------------------------------------
 
 アスキー刊ホームページベスト5000に掲載されてます。
 http://www.ascii.co.jp/pb/ascii/book/
 
 書名：ホームページベスト5000
 かざぐるま＋月刊アスキー編集部編（アスキームック）
 仕様：A4変型判608頁
 定価：本体価格1,680円（税別）
 ISBN4-7561-3288-X
 
 ----------------------------------------------------------
 まぐまぐ公式ガイドブック「まぐまぐメルマガイド2000」に、
 Design Wedge が掲載されてます。
 
 書名：まぐまぐメルマガイド2000
 監修：まぐまぐ編集部
 仕様：B6版・並製・208ページ
 定価：本体900円（税別）
 発行所：株式会社メディアファクトリー
 ISBN4-88991-948-1 C2055
 
 ----------------------------------------------------------
 
 プレリニューアルはしましたが、また作り直す予定です。
 http://www.karadesign.com/
 
 ----------------------------------------------------------
 
 メーリングリスト参加はこちら。
 わからないことを聞くという目的のためだけでなく、デザイナー
 同士の交流にもお使い下さい。現在330人参加。
 あまり機能してないです。どんどん自由に使ってよいのだぞ。
 http://www.karadesign.com/designwedge.html
 
==========================================================================
 編集後記 part I.
 ----------------------------------------------------------
 
 2000年初の Design Wedge です。
 あけましておめでとうございます。
 また発行を再開していきます。
 今年もウェブデザインをとりまく周囲の状況が激変していくこと
 は間違いないだろうと思います。そんな中をこうしてメルマガを
 発行できてとても光栄に思います。
 今後 Design Wedge はまた去年とは違った展開をしていくつもり
 です。去年の反省や今年のテーマなどは、編集後記 part II. に
 て書きたいと思います。
 では、今年も一年このメールマガジンにおつきあいの程宜しくお
 願いします。
 
                                                   (Kara_D)
 
==========================================================================

==========================================================================
 このメールマガジンをそのまま返信すると編集部へ送れます。
 是非感想などをお送り下さい。

 このメールマガジンは、インターネットの本屋さん『まぐまぐ』
 およびメルマガ発行システム『パブジン』を利用して発行してい
 ます。
 
 http://www.mag2.com/   ID:0000005412      (6970)  readers
 http://www.pubzine.com/ID:00000225        (230)   readers
 ----------------------------------------------------------------------info
 発行元：Kara.design     http://www.karadesign.com/
 編集長：原　一浩        mailto:khsoul@alles.or.jp
 ライター：Kara_D        mailto:khsoul@alles.or.jp
 レポーター：Rei         mailto:shreiko@mb.infoweb.ne.jp
 ----------------------------------------------------------
 Design Wedge公式ページ（現在リニューアル中）
 http://www.karadesign.com/designwedge.html
 
 バックナンバー（現在リニューアル中）       (no.2-32)
 http://www.karadesign.com/designbacks.html
 
 読者の声、ご質問、ご寄稿、お問い合わせ、i.d nutsに関する質
 問、Design Wedgeと組んで何かやりたい方もこちらへ
 mailto:press@karadesign.com
 
 配信先を変更したい時・中止したい時
 巻頭に「>>>magmag」と書いてあるメールマガジンは、
 http://rap.tegami.com/mag2/m/0000005412.htmへ。
 「>>pubzine」と書いてあるメールマガジンは、
 http://www.pubzine.com/pubzy/tool/srchid.asp?keyword2=225
 にて、解除、変更が出来ます。
 ----------------------------------------------------------
 Copyright,1998-2000  Kara.design
 許可無く転載することを禁じます。
==========================================================================