Design Wedge バックナンバー：No.88

　
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━



◆     D e s i g n  W e d g e           internet/web design mail magazine 

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
2004/05/16｜no 88｜ http://www.karadesign.com/designwedge/ ｜post>>magmag

((！))

なんでもないサイトがデザイナーの魔法の杖を一振りした瞬間にまるで
モンスターのように変わったりすることがあります。その方法はいろい
ろあって、ノウハウが書いてある書籍も多い、でもなんで価値があるよ
うに感じるんだろうかと考えます。ウェブサイトの価値増幅の一翼を担
うウェブデザインの側面について、長いスパンで探求してみたいと考え
るようになってきました。最近そんなコーナーのスタートを考えていま
す。


今号から登録された皆様、はじめまして。ご登録ありがとうございます。
Design Wedgeは、現在月２回発行のウェブデザインの専門誌です。
毎月１１日と２６日の発行を予定してます。

１１日発行予定号では、サイトデザインのレポートとデバイスデザイン
関連＋α、２６日発行予定号では、ニューストピックとウェブアプリケ
ーション関連のデザイン＋αという感じで、ウェブデザインの世界を様
々な角度から探究していっています。これからもDesign Wedgeをよろし
くお願いします。

―――――――――――――――――――――――――――――――――――――

-PR-----------------------------------------------------------------------

◆Design Wedgeに広告を掲載してみませんか？
◆掲載場所はヘッダー部分
◆広告スペースは横幅全角３７文字×７行です
◆メールにてお気軽にお問い合わせ下さい
                                     >> mailto:info@karadesign.com

-PR-----------------------------------------------------------------------


    ≫ c o n t e n t s


   +01 特集１：ワールドサイトデザインレポート
            -- 01b.com - news for binary life
            -- Caractere
            -- Phoenix Art's Visual Design
            -- archwerk
            -- Keilbach - Das Modehaus in Offenburg
            -- PARTNER_STUDIO
            -- drewmedia Studios - Highly Interactive Media
            -- MarvynDT | Marvyn D. Tinitigan

   +02 特集２：デジタルデバイスのゆくえ
              「Operaの追撃」

   ---
   +03 インフォメーション
              「PIX vol.9 開催」
   ---
   +04 Design Wedgeよりお知らせ
   +05 編集後記

   今号のバックナンバーは、
   ( http://www.karadesign.com/designwedge/backnumbers/0088.shtml )
   にてご覧になれます。


 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +01 特集１：ワールドサイトデザインレポート
       ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣


 " 01b.com - news for binary life "
 ( http://01b.com/ )

01b.comは、時系列に記事が並ぶ現在の情報発信スタイルにあったデザ
インをしています。次世代ポータルの形とはこういうものかもしれない
と思わせられました。既存のニュースサイトやBLOGのRSSをフルに使い、
ウェブ制作寄りのニュースポータルとして無駄を一切省いたデザインに
なっています。モバイル用のページも用意されています。



 " Caractere "
 ( http://www.caractere.it/eng.html )

イタリアのファッションブランドCaractereのサイトに使われているスク
ロールバーは非常に独創的なものになっています。コンテンツが全体に
対してどの部分が表示されているのかということがわかるようになって
ます。これに近いものはAdobe Acrobatのページタブの画面で見ること
ができますが、スクロールバーが別になっています。このインターフェ
イスは、全体の状況と、現在位置と、項目のレイアウトと個数がわかる
だけでなく、スクロールバーも兼ねているという不思議なケースといえ
るのではないでしょうか。



 " Phoenix Art's Visual Design "
 ( http://www.phoenixart.com/ )

一見ざっくりと作ってあるように見えるPhoenix Art's Visual Designの
サイトは、細部をじっくり眺めてみると文字の処理やレイアウト、色使
いなどから緻密に計算されたラフさという丁寧な仕事が見えてきます。
ここの右部メニューで使用されている文字の美しさについて後のほうの
レビューでやりますので、是非チェックを。



 " archwerk "
 ( http://www.archwerk.biz/ )

少し前にWAD_MLで、メールやショッピングカートといったインターフェ
イスで使われるアイコンの話題を出してみました。例えばメールのアイ
コンは大抵が封筒ですが、ほとんどのメールのアイコンは封筒の裏面を
ディフォルメしたものが圧倒的に多いのです。少ないピクセル数でメー
ルというイメージを明確に伝えるにはそれがベストに近いからなわけで
すが、そんな中にあって、封筒を表にして封を開けた上に中身をチラリ
と見せるアイコンも存在します。

メールという表現のメッセージを明確に伝えながらも、既存の表現とは
新しい切り口で反抗する姿勢を持つアイコンはアートであるといえるで
しょう。そのサイトが他のサイトとは違うからこそ表現も変える必要が
あったのです。このサイトにある机とディスプレイとライトを小さなピ
クセルで表現したアイコンもまた、光と影をサイト表現の中心に置くサ
イトを担当したデザイナーの意思な気がします。



 " Keilbach - Das Modehaus in Offenburg "
 ( http://www.modehaus-keilbach.de/ )

厳格なグリッドで管理されたデザインを持つサイトです。薄いブルーを
基調とし、ハイライトにオレンジが使われています。写真は基本的にモ
ノクロを使い、エフェクトも最小限となっています。更に表示スペース
が小さいにも関わらず狭さを感じさせないのは、センスのいいまとめか
たのたまものといえるのではないでしょうか。デザインはpixelfluss

 " pixelfluss mediadesign "
 ( http://www.pixelfluss.de/ )

が手がけています。pixelflussのほかの制作物として、M4-Institut

 " M4-Institut "
 ( http://www.m4-institut.de/ )

などがあります。


 - - -


 " May 1st Reboot "
 ( http://www.may1reboot.com/ )

前々回のサイトレポートで掲載したMay 1st Rebootが5月1日を過ぎて結
果が出ています。サイトは900近く登録されており、変化がみられないも
のや工事中にものなども含めて様々なサイトが並んでいます。素晴らし
いサイトが沢山あったのですが、全部書くわけにもいかないので、これ
はと思うもの３つを絞ってあげてみます。



 " PARTNER_STUDIO "
 ( http://www.partner-studio.com/ )

GUIのウインドウというのは薄い板みたいなデザインのものが多いのです
が、PARTNER STUDIOのウインドウは非常に厚みのある表現になっています。
感覚としては5センチくらいの粘土のイメージです。ウィンドウシェーデ
ィングボタンやクローズボタンは立方体になっています。「PRINT」のコ
ーナーに、作品としてこのスタジオの各名刺のデザインが展示してある
のですが、これはいい工夫だと思わせられました。こうやってサイトと
同系のデザインをあらかじめ名刺のデザインをポートフォリオとして見
せておけば、名刺交換の際にも既視感があることでしょう。



 " drewmedia Studios - Highly Interactive Media "
 ( http://www.drewmedia.com/ )

drewmedia Studiosは、パネル1つ1つにコンテンツのキーワード、裏にコ
ンテンツが記されているというシンプルなコンセプトを、卓越したFlash
の表現力によって気持ちよく演出しています。コンテンツは全てパネル
内に表示され、ユーザーはついつい他のパネルもめくってしまいます。



 " MarvynDT | Marvyn D. Tinitigan "
 ( http://www.marvyndt.com/v2/ )

いつの頃からか、ノンアンチエイリアスの小さなテキストをメニューな
どに使うことがスタイルになりました。その流行から時間が経ってノン
アンチエイリアスの小さなテキストは１つのパターンへと変化し普及し
ています。

そんな中、アンチエイリアスのミニテキストでも見やすくておさまりの
いいもので普及のきざしをみせているものがあります。このサイトのメ
ニューなどで使われている小さな文字です。小さい割に安定感があり、
適度に見やすくなっています。また、上品さも兼ね備えています。

これは上のほうで取り上げたPhoenix Art's Visual Designのサイトの右
部メニューでも使われていましたが、かなりいいのではないでしょうか。

このスタイルを意識的に使い始めたのはどこが最初なのかはわからない
のですが、誰でも簡単に実現可能であるにもかかわらず効果が高いとい
う点でなかなかエポックメイキング的なことだと思います。THREE.OHの
サイトでは今まで意識してなかったのですが、随分前からやっていた気
がします。（ただし、上記２つのものとTHREE.OHで使われているフォン
トは若干違います）

 " THREE.OH - Digital Design Journal "
 ( http://www.threeoh.com/ )

ちなみに、この文字は、Universalという一般的なフォントをアンチエイ
リアス8ポイントで使うと誰でも実現できます。もちろん他のフォントで
も小さいアンチエイリアステキストを実現可能なのですが、これほどの
おさまりのよさはありません。



 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +02 特集２：デジタルデバイスのゆくえ
       ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

--- Operaの追撃 ---


 -- OperaのバージョンアップとRSS


OperaがバージョンアップしてOpera 7.50になっています。
Opera 7.50では、RSSの機能が追加されたとのことで、早速ダウンロード
して試してみました。

IEなどでは、RSSへのリンクをクリックするとソースがそのまま表示され
ていたのですが、Opera 7.50ではメーラーのような画面になり、１サマ
リーが１つのメールのような感じで表示されます。これにより、RSSを購
読しておけばわざわざサイトに行かなくても常に最新情報がチェックで
きるようになるわけです。ちなみに現バージョンではAtom未対応なよう
です。

例えばブラウザでHTMLがソースとしてそのまま表示されたとしたらかな
り使いづらいわけで、RSSも今までソースがそのまま画面に出てしまって
いたというのはあまりよろしい状態ではなかったのではないかと思えて
きます。

Opera 7.50のように専用のビューワーが起動する姿だとしっくり来ます。
XML技術とウェブブラウザが最も身近な形でマッチングした瞬間といえる
のではないでしょうか。

Opera 7.50は、現在Windows版English (US)バージョンのみがリリースさ
れています。ダウンロードして、RSSリーダーとブラウザのシームレスな
融合を体験してみてください。Blogerでない人でRSSをサイトに導入した
い方はDesign Wedgeのバックナンバーでも手書きRSSや手書きAtomの方法
を書いています。よかったらこちらも合わせてどうぞ。

 " Opera 7.50 for Windows， English (US) version "
 ( http://www.opera.com/download/index.dml?opsys=Windows&platform=Windows&lng=en&ver=7.50 )

 " Opera Internet Browser "
 ( http://www.opera.com/ )

 " Design Wedge の RSS "
 ( http://www.karadesign.com/designwedge/dwrss.xml )



 -- Opera搭載携帯電話の可能性

Operaといえば、京セラ株式会社よりOperaを搭載したDDIポケット向け
PHS端末AirH" PHONE「AH-K3001V」が発売されました。従来の携帯電話は、
CHTMLを中心とした携帯電話向けコンテンツを中心に閲覧する形になって
いましたが、「AH-K3001V」はウェブブラウザであるOperaを搭載したこ
とで、通常のパーソナルコンピュータ向けのウェブコンテンツの閲覧を
可能にしています。

携帯でのインターネット利用スタイルというと、ブラウジングというよ
りチェックという感じではないでしょうか。AirH" PHONEのように接続料
金を定額制にした場合を除けば、ニュースや株価や地域情報、メールも
そうですが、単一のコンテンツにアクセスし、チェックするという使い
方が一般的な使い方な気がします。

となると、Operaのようにヘヴィなアプリケーション（携帯電話にとって）
を搭載するという方向のほかに、ミドルエンドやエントリー機向けに別
のアプローチとしてOpera 7.50のRSSリーダー部分を搭載するという選択
肢があるといいなあと思います。

RSSは文字コンテンツ中心で軽いし、最新の速報もわかる。「RSSリーダ
ー」なんて専門用語ぽい名前にすると普通の人は見向きもしないから
「ホムペチェック」みたいな名前にしてオブラートにつつむと普及しそ
うな気がします。

QVGAの解像度を持ち、Operaというブラウザを手に入れた携帯電話はPDA
どころか、ネットとの付き合い方によってはライフスタイルを変え、
パソコンすら飲み込んでしまう勢いがあります。


 " 京セラ | 製品情報 | 携帯電話･ＰＨＳパーソナルユーザー | 製品情報 | AH-K3001V "
 ( http://www.kyocera.co.jp/prdct/telecom/consumer/ah-k3001v/index.html )

 " AirH”PHONE「AH-K3001V」新発売 "
 ( http://www.kyocera.co.jp/news/2004/0407.html )



 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +03 インフォメーション
       ￣￣￣￣￣￣￣￣￣

--- PIX vol.9 開催 ---

ピクセルクラフト社は映像イベント"PIX Vol.9"を5月22日に代々木のカ
フェBuenaで開催する。"PIX"は、VJカルチャーの更なる発展と普及を目
的に行われるイベントで、今回9回目となるPIXのテーマは映像カフェ。
生ヴァイオリンとVJによるコラボレーションから、海外でしか販売され
ていない映像レーベル「MOONSHINE」を上映する。DJ、VJによるライブも
予定されている。

さらに今回は、VJ・クリエイター向けにKORG社に協力をうけ、
「KAOSSPAD entrancer」のセミナーを開催する。また、発売前の新ミキ
サーkrossfourを会場に展示。自由に試すことが出来る。

クラブで活躍するトップVJがカフェという空間で行う映像演出、踊ると
いうよりは感じるという空間の中で「ゆったり」「まったり」とした空
間を楽しむという趣向になっている。

 -- 開催時期：2004年5月22日(土)
 -- 開催時間：23時〜4時
 -- 開催場所：代々木『Ｂｕｅｎａ』渋谷区代々木1-36-1
         TEL：03-5333-6963

 -- 料金：2，500円/2drink
 -- 主催：ピクセルクラフト有限会社
 -- 協力：株式会社コルグ、エプソン販売株式会社
 -- 運営：R.G.B

 " 公式WWWサイト "
 ( http://www.pixdisc.com/ja/vj/ )


 - - -

((！))

Design Wedgeでは、企業の皆様からの広告記事、プレスリリースやイベ
ント情報、求人募集スペースとして場所を提供しています。
掲載場所はこのスペースで、３２文字×２０〜２５行くらいとなります。
掲載のご依頼お待ちしてます。メールにてお気軽にお問い合わせ下さい。

 → mailto:info@karadesign.com



 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +05 Design Wedgeよりお知らせ
       ￣￣￣￣￣￣￣￣￣￣￣￣

((！)) 

Design WedgeのAtomを実験的に公開してます。対応していないRSSリーダ
ーでは読めないので、その際はRSSをご利用下さい。

 " Design Wedge | Atom "
 ( http://www.karadesign.com/designwedge/dwatom.xml )

 - - -

Design WedgeのRSSを公開中です。Design Wedgeはメールマガジンなので、
ニュースの一覧というよりはバックナンバーの参照用にと思って公開し
てます。

 " Design Wedge | RSS "
 ( http://www.karadesign.com/designwedge/dwrss.xml )

 - - -

ハニーモジュールでは、ウェブアプリケーションのデザインに焦点を置
いたメーリングリストを開設しました。概要を読んで参加してみてくだ
さい。

 " Design Wedge | WAD_ML参加申し込みページ "
 ( http://www.karadesign.com/designwedge/wad_ml.shtml )

 - - -

リーダーズリンク、随時募集中です。お申し込みフォームはサイト名と
URL、サイトの紹介コメントのみ必須です。

 " Design Wedge | リーダーズリンク "
 ( http://www.karadesign.com/designwedge/readerslink.shtml )

 - - -

制作者同士のコミュニケーションがメインとなったメーリングリストを
やってます。参加資格は、最低限の礼儀を守れてメーリングリストに参
加していく意志がある人としています。技術レベルなどは問いません。

参加方法に関するお問い合わせは、登録したいメールアドレス、簡単な
自己紹介など添えまして、dwml@karadesign.com までお便りください。

 → mailto:dwml@karadesign.com

 - - -

現在Design Wedgeではヘッダー部分に掲載する広告を募集しています。
全角３５文字×７行。詳細はメールにてお問い合わせ下さい。

 → mailto:designwedge@karadesign.com



 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +06 編集後記
       ￣￣￣￣

僕がエディターとして参加しているCBCnetでも書いたけど、ここでも書
きます。rakugaki.comがThe Webby Awards: 2004のpersonal部門でウィ
ナーになられたそうです。The Webby Awardsのことは過去にDesign Wedge
で取り上げたことがありますが、日本人には遠い存在という印象が強く
ありました。こういう瞬間を見て、同じ時代を共有できるのって素晴ら
しい。

 " rakugaki.com "
 ( http://www.raku-gaki.com/ )

 " The Webby Awards: 2004 "
 ( http://www.webbyawards.com/main/webby_awards/nominees.html )


次号の発行は５月２６日を予定しています。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

D e s i g n  W e d g e

    ≫ M a g a z i n e  i n f o

   +01 発行：KaRa designstudio
       http://www.karadesign.com/
       mailto:info@karadesign.com
   +02 編集・発行人：原　一浩　[Kara_D]
       mailto:khsoul@alles.or.jp
   ---
   +03 現在の購読者数：7000人
   +04 Design Wedge公式ページ：
       http://www.karadesign.com/designwedge/
       登録・解除はもちろんのことバックナンバーも見ることが出来
       ます。
   ---
   +05 お便りはこちら：
       mailto:designwedge@karadesign.com
       感想・情報提供・お問い合わせなどはこちらまで。お便り待っ
       てます。
   ---
   +06 配信元：右上部の「post」というところで配信システム名がわかり
       ます。
             
           + まぐまぐ
             ( post>>magmag )    id:0000005412
             ( http://www.mag2.com/ )
           + melma!
             ( post>>melma! )    id:m00103069
             ( http://www.melma.com/ )
           + カプライト
             ( post>>kapu )      id:8588
             ( http://kapu.biglobe.ne.jp/ )
           + E-magazine
             ( post>>e-mag )     id:deswedge
             ( http://www.emaga.com/ )
           + めるまる
             ( post>>melmal )    id:deswedge
             ( http://www.melmal.com/ )
   ---
   +07 コピーライト（著作権）：
       Copyright(c)，1998-2004  KaRa designstudio
       許可無く転載することを禁じます。参照としてのバックナンバー
       へのリンクや引用は自由です。

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +99 スタジオ１×１行プチニュース

       " ちょっと発行遅れました "
       ( http://www.karadesign.com/designwedge/ )

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━