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

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



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

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
2004/01/13｜no 79｜ http://www.karadesign.com/designwedge/ ｜post>>magmag

((！))

あけましておめでとうございます！気が付けばもう１月も中旬。今年も
ウェブデザインの世界で様々な変化がきっと起こることと思います。ウ
ェブの歴史の中で２度とやってこないであろう２００４年のウェブデザ
インをDesign Wedgeと一緒にじっくり見ていきましょう。

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

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

まぐまぐからのバージョンにはヘッダーもしくはフッターにはお知らせ
がはいっています。当分はフッターだけのようです。

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

-PR-----------------------------------------------------------------------
◆Design Wedgeに広告を掲載してみませんか？┌──────────────┐
◆掲載場所はヘッダー部分のここです        │ [self AD - No.008]         │
◆広告スペースを全角３７文字×７行です    │ -------------------------- │
◆メールにてお気軽にお問い合わせ下さい    │      H A PP Y NE W Y EAR!! │
                                          │          KaRa designstudio │
                                          │ http://www.karadesign.com/ │
>> mailto:designwedge@karadesign.com      └──────────────┘
-PR-----------------------------------------------------------------------


    ≫ c o n t e n t s

   +01 特集１：ワールドサイトデザインレポート
   +02 特集２：デジタルデバイスのゆくえ
               「進化を続けるFOMA・900i仕様レビュー」
   ---
   +03 プレスブース
   ---
   +04 Design Wedgeよりお知らせ
   +05 編集後記

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


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

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

 " AEShoukas:Graphic Product "
 ( http://www.d-realm.net/nine/ )

アップルが業界初となるディスプレイ製品のラインアップを液晶へ統一
したのが2001年。それ以降、様々なメーカーがディスプレイを液晶に少
しずつ移行していきました。いつのまにかパソコン売り場でブラウン管
ディスプレイをまったく目にしなくなっています。2001年から3年近く経
った今、当時使っていたPCからの買い替えも進み、かなりのユーザーが
液晶ディスプレイを使っているのではないかと思われます。

液晶では、ブラウン管とちがって一つ一つのドットをはっきりと認識す
ることができます。AEShoukas:Graphic Productのサイトからは液晶の時
代にあったデザインの流れを感じます。サイト内で使われている極小の
アイコンはシャドウマスクのブラウン管でもよみとることができますが、
比較的ドットの大きい液晶で見たときに美しい効果を発揮するような気
がします。

 " Build "
 ( http://www.designbybuild.com/ )

AEShoukas:Graphic Productのサイトを制作したBuildのサイトです。よ
く見てみると、どうやら先ほどのナビゲーションアイコンはフォントの
一部のようです。どちらのサイトでも「B-FUQ/01」というビットマップ
フォントが使用されています。興味があったので探してみましたが見つ
けることができませんでした。Flashにはフォントを埋め込むことが可能
なので、ナビゲーションアイコンを含めたフォントを埋め込む方法は面
白いと思いました。



 " Behavior "
 ( http://www.behaviordesign.com/ )

ウェブのデザインをしたことがある人なら情報のデザインについて一度
は考えたことがあると思います。コンテンツをわかりやすく整理して伝
えるためには、情報のデザイン自体の他に、見やすいレイアウトやアク
セスしやすいナビゲーションも欠かせません。サイトのナビゲーション
分野の研究は試行錯誤をくりかえしてきたウェブ製作者同士の情報の共
有のおかげで、オーソドックスな手法についてはかなり進んできていま
す。

大事な要素としてよく挙げられるグローバルメニュー、現在位置、パン
クズナビゲーションといったものは普遍性を持っていますが、それらを
備えようと下手に実装してしまうと普遍性の獲得ではなく、平凡性を強
調してしまう結果になったりします。このサイトではこういった普遍的
なナビゲーション要素を備えながらも個性的なデザインとなっています。

 " GAIN 2.0: AIGA's Journal of Design and Business "
 ( http://gain.aiga.org/ )

Behaviorがデザインしたこのサイトは、Flashを全面的に採用しています
が、最小限のエフェクトを効果的に使ったわかりやすい構成になってい
ます。



 " D&AD: Home "
 ( http://www.dandad.org/ )
 
一見普通のテーブルレイアウトに見えますが、実はXHTML+CSS2でデザイ
ンされています。いかにもCSSを使ったサイトデザイン、というものでは
ないこういったデザインはなにげなくサイトを見ていてもCSSだと気づか
ないことが多いです。きっとひそかにXHTMLへ移行していっているサイト
が今日も生まれていることでしょう。気が付かないうちに移行している
ケースは結構多いと思われるので今後いろいろなサイトをチェックし直
していきたいと思っています。



 " Deknudt Decora - Mirrors - Spiegels "
 ( http://www.deknudtmirrors.com/home.html )

Deknudt Decoraのサイトはなんと４ヶ国語対応です。Flashを使うことに
より、その場その場で言語を切り替えることが可能です。会社の場所を
示すマップの見せ方はルーペを用いたものになっており、一工夫されて
います。



 " Dell "
 ( http://www.dell.com/ )

メーカー直販で有名なデルの現在のサイトは、オーソドックスな造りで
すが、今のウェブデザインの潮流が見てとれます。最近の大きな潮流の
一つであるアクセシビリティがさりげなく主張しない形で組み込まれて
います。フォントの大きさを変えることができるLargeボタンは、様々な
スタイルをとりながらいろいろなサイトで実装されていますが、これも
アクセシビリティからの影響ではないかと思います。このLargeボタンを
最大限に生かすために、サイト内ではイメージを伝えるための文字以外
は極力テキストで書かれていて、一見グラフィックに見えるロゴ横の国
名やカテゴリタイトル、ナビゲーションバーやセクションバーなども実
はテキストで書かれています。



 " OurType. Fine Typography from Europe. "
 ( http://www.ourtype.com/ )

OurTypeでは、フォントを実際にさまざまなサイズで入力して選べます。
フォント見本のようにAからZまで並べてあるだけでは実際に必要な単語
で組んだ時のフォントイメージが想像しにくいことがあります。こうい
うユニークな仕組みだと、実際に文字を組めるので助かります。

 " group94 "
 ( http://www.group94.com/ )

OurTypeを制作したのはDesign Wedgeではおなじみのgroup94です。Flash
を使った独特な仕掛けには毎回驚かされます。今年も要チェックのデザ
イングループです。



 " Shilo Design "
 ( http://www.shilodesign.com/ )

無駄なところがほとんどないシンプルなShilo Designのサイトでは彼ら
の手がけた素晴らしいムービーを見ることができます。時間のない方は
「view reel」だけでも見てほしいです。



 " Web Hosting - Acta Divina Technologies Corporation "
 ( http://www.actadivina.com/ )

随分昔にmtことMedia Templeの特集を組みましたが、最近気になるホス
ティング会社はここです。ロゴは手書き風のもので「Acta Divina」と描
かれています。Acta Divinaの名前はデザイン系のサイトをめぐっている
とたまに目にすることがあります。抑揚のきいた静かなデザインはここ
から何かが起きそうだという期待感をホスティング会社を探してたどり
着いた人間に思わせます。高いテクノロジーを持っていることをデータ
の面からだけでなく、視覚的な面からのアピールにも成功しているホス
ティング会社のウェブサイトは実にかっこいいです。



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

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

--- 進化を続けるFOMA・900i仕様レビュー ---

505iに初めて搭載されたFlash Liteの発表の時に、次世代のFOMAにも
Flash Liteが搭載されるだろうという話を聞きました。今回次世代のFOMA
である900iシリーズが発表されました。900iに新しく加わった機能のう
ち、ウェブ製作者に関係のある部分を中心的にとりあげます。


 -- 新しいFOMAになってなにがかわったのか

新しいFOMAは、写真・動画の撮影再生機能や外部メディアへの記録機能
といった最近の携帯電話に欠かせない機能を押さえた上で、iアプリや
505i系で搭載されたFlash Liteの容量がアップした端末に仕上がっている。
iアプリは、従来の最大30KBだった容量が3倍以上の最大100KBとなった。
結果として一部付属のゲームのような一昔前のゲーム機並の高度なゲー
ムを搭載が可能となっている。

Flash Liteも最大20KBまでだったものが100KBまでの容量が再生可能にな
っている。これらの拡張はFOMAの高速な通信環境を生かしたものといえる。
HTML形式のメールを送受信可能な「デコメール」も気になるところだ。
また、もともと4桁だったFOMAの型番は今回より900番台となり、覚えや
すくなっている。


 -- 携帯にも広がるブラウザの新しい流れ

携帯の機能や解像度が高まったことは、単にエンターテイメントとして
より高度なことができるようになっただけではなく、搭載アプリケーシ
ョンの高度化はビジネスへの流れも生み出している。発表された５機種
の一つ、SH900iはminiSDメモリーカードに保存したメールやWord、Excel、
PowerPoint、PDFといったPCのファイルが閲覧できる「ドキュメントビュ
ーア」を搭載し、従来のエンターテイメント指向が強い携帯電話とは一
線を画すものとなっている。

様々なファイルを閲覧できる統一ビューワーは、昨年からPDAを中心に取
り入れられており、解像度・外部メディアの搭載などの点でPDAと並んだ
FOMAはじめ各種次世代携帯に今後標準で搭載されていくのではと思われる。


 -- 気になるFOMA搭載のFlash Lite

FOMA搭載のFlash Liteは100KBになったが、その他にも505iシリーズで利
用できるFlashコンテンツのサウンド形式がMFi形式のみだったのが、900i
シリーズではSMF形式も利用可能になり、1曲あたりの最大サウンドファ
イルサイズは64KBとなった。いかに容量が増えたとはいえ、端末のスペ
ックはPCに比べて低いので、CPUに負担がかかりそうなムービーの制作に
は気をつけたいところだ。


 -- FOMA900i用のウェブサイト構築は？

FOMA用のウェブサイト構築は、505iシリーズで採用されたiモード対応
HTML5.0を900i用に新機能のキャラ電関連、フォントサイズの変更機能な
どのカスタマイズが施されているHTMLを使って行うことができる。また、
900iではｉモード対応XHTML 1.1を使って、XMLドキュメントとして情報
の配信も行える。こちらを使う場合はXML宣言やXMLに沿ったタグの記述、
スタイルシートの使用などが必要となる。FOMA 900i用のコンテンツ作成
は「NTTドコモ 作ろうiモードコンテンツ」内に分散して変更点が記述さ
れているので隅々までチェックしておこう。


 " NTTドコモ 作ろうiモードコンテンツ "
 ( http://www.nttdocomo.co.jp/p_s/imode/make/ )

 " FOMA「900iシリーズ」を開発 -ムーバを超えたケータイへ- "
 ( http://www.nttdocomo.co.jp/new/contents/03/whatnew1218.html )

 " NTT DoCoMo FOMA900i "
 ( http://900i.nttdocomo.co.jp/ )

 " FOMA "
 ( http://foma.nttdocomo.co.jp/ )



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

   +03 プレスブース
       ￣￣￣￣￣￣

((！))
Design Wedgeでは、このたび、募集・告知コーナーを、企業の皆様から
のプレスリリースやイベント情報を掲載するプレスブースと、読者の方
の情報募集やプロジェクト発表、イベント、提案、発表のためのリーダ
ーズブースとして分離しました。

このコーナーでは企業情報、イベント情報や求人募集スペースとして場
所を提供していきます。スペースは、３２文字×２０〜２５行くらいと
なります。掲載のご依頼お待ちしてます。
メールにてお問い合わせ下さい。

  ↓
 mailto:designwedge@karadesign.com



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

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

((！)) 

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 )

 - - -

Design Wedge月２回発行のご案内です。
現在１１日と２６日の発行を予定しています。１１日発行予定号では
サイトデザインのレポートとモバイルデザイン関連＋α、２６日発行予
定号ではニューストピックとウェブアプリケーション関連のデザイン＋
αという感じになっています。

ウェブデザインの探求を目的に始まったDesign Wedgeですが、これから
もその方針は変わりません。今後は、アドバンスドな方向に向かいつつ
も、わかりやすく伝えるということに力を入れていきたいと思います。

＋α部分では、今まで散発的にやってきたコーナーなどがはいったり、
はいらなかったりする感じになります。

 - - -

リーダーズリンク、引き続き随時募集中です。現在も募集してますんで
是非申し込んでみてください。サイト名とＵＲＬ、サイトの紹介コメン
トのみ必須です。

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

 - - -

制作者同士のコミュニケーションがメインとなったメーリングリストを
やってます。大きなコミュニティ形成を主としてはいませんので、クロ
ーズドな形式を採用してみてます。資格は、最低限の礼儀を守れてメー
リングリストに参加していく意志がある人としています。技術レベルな
どは問いません。

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

 → mailto:dwml@karadesign.com

 - - -

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

 → mailto:designwedge@karadesign.com



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

   +05 編集後記
       ￣￣￣￣

去年の最初に発行したDesign Wedgeで、おみくじは「凶」だったと書い
たが、今年ひいたおみくじもなんと「凶」であった。これにはさすがに
びっくり。いいネタになったと僕は思ってはいるが、縁起の悪い話であ
る。ちなみに、去年ひいたものより少しだけ良い事が書かれていた。


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


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

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 現在の購読者数：7800人
   +04 Design Wedge公式ページ：
       http://www.karadesign.com/designwedge/
       登録・解除はもちろんのことバックナンバーも見ることが出来
       ます。
   ---
   +05 お便りはこちら：
       mailto:designwedge@karadesign.com
       感想・情報提供・お問い合わせなどはこちらまで。お便り待っ
       てます。
   ---
   +06 配信：
           + まぐまぐ
             ( post  ->  magmag )    id:0000005412
             ( http://www.mag2.com/ )
           + Pubzine
             ( post  ->  pubzine )   id:225
             ( http://www.pubzine.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-2003  KaRa designstudio
       許可無く転載することを禁じます。参照としてのバックナンバー
       へのリンクや引用は自由です。

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

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

       " 独自の制作CMSによるリニューアルをローカルで進めてます "
       ( http://www.karadesign.com/ )

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