[0135] ビジュアル優先のレイアウト-2

投稿:  著者:  読了時間:12分(本文:約5,600文字)



■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
【日刊・デジタルクリエイターズ】 No.0135 1998/09/24発行
http://www.dgcr.com/
情報提供・投稿はこちらまで mailto:hamamura@dgcr.com
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

---PR-----------------------------------------------------------------
○○○○○○ デジタルクリエイターズ広告募集開始! ○○○○○○○○○
○○○○○○  このスペースに広告をだしませんか? ○○○○○○○○○
○○○○○○   35文字×5行で2万円です。    ○○○○○○○○○
○○○○○○ sales@dgcr.comまで お申し込みください。○○○○○○○○○
○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○
------------------------------------------------------PR--------------

●「ビジュアル優先のレイアウト-2」
 木曜日担当:森川眞行

●主要サイト情報
 Microsoft/ Sun Microsystems

●本日キャッチしたコンピュータニュース関連



「ビジュアル優先のレイアウト-2」
木曜日担当:森川眞行
----------------------------------------------------------------------
前回のコラムで『Fireworksのスライス機能は、テキストを混在させてスライス
できるのでレイアウトを前提にページデザインができる』という内容を書いた
のだが、その日のデジクリ発行直後から、何人かの方から、「知らなかった」
「目からウロコが落ちた」というような感謝のメール(?)をもらった。こん
なに反響があったのも久しぶりだ。

とゆうわけで、今回はそれの補足。

とにかくFireworksのスライス機能と出会って以来、Webページの作り方が変
わってしまった。今までは、全体の構成を紙にラフスケッチを書き、それに合
わせて、タイトルやボタンのグラフィックスを個別に制作して、HTMLで組み立
てる。
未だに多くの人がその方法でWebページをデザインしているだろう。

Fireworksと出会ってからは、個別にボタンやタイトルを作ることが少なくなっ
た。ページをデザインする際に、ラフスケッチを作るまでは同じだが、その後
はFireworksでダイレクトにページ全体を作成する。[ファイル]→[新規書
類]を選択した後、ドキュメントサイズを、Webページの左右のサイズに合わせ
て作成することがほとんどだ。
その後はラフスケッチに合わせて、Fireworksでデザインする。デザインと言う
よりも、レイアウトだ。Adobe Illustratorを使ってフライヤーや1ページ広告
を作る感覚に非常によく似ている。

レイアウトされたドキュメントはスライスして書き出す。前回も述べたが、ス
ライス時にテキストを混在できるので、Fireworksのレイアウト作業時では、テ
キストのエリアは「アタリ」として、矩形のオブジェクトでも配置しておけば
よい。

スライス機能は、写真やロゴ、アニメーションごとに分割すると、さらにファ
イルサイズを小さくできる。スライス設定時に分割されたファイル(画像デー
タ)をそれぞれ異なった書き出しを行うことができるのである。

御存じのようにJPEGはフルカラーを書き出すことができる。GIFは256色しか扱
えないが、ロゴのように色数が少ない場合は、JPEGに比べて圧倒的な圧縮率で、
ファイルサイズを小さくしてくれる。レイアウトを完了したら分割されるファ
イルごとに最適な画像フォーマットを選択すればいいのである。

GIFアニメーションもしかりで、アニメーションの動きの中で、動かないで固定
されている部分まで、GIFアニメーションファイルで書き出す必要はない。動い
ている部分だけをスライスしてアニメーションGIFにすればいいのである。

Fireworksは書き出しの設定を保存できる。画像フォーマット、パレット、色数
はもちろん、インターレスやプログレッシブなどの個別の設定もまとめて保存
できるので便利。保存された「書き出し設定ファイル」は、アプリケーション
と同じフォルダの中に保存されるので、起動時に読み込まれる。(起動中も登
録した設定はすぐに使えるようになる)

スライス時、それぞれの書き出しファイルに、異なった書き出し設定を行いた
い場合は、スライスオブジェクト(スライスの範囲を、このオブジェクトで決
める)を選択し、[オブジェクトプロパティ]の[スライスの書き出し設定]
を[カスタム]に設定する。
[カスタム]には「書き出し設定ファイル」をプルダウンメニューから選択で
きるようになっている。最適な「書き出し設定ファイル」を選択しよう。ちな
みにプリセットの書き出し設定もいくつか用意されている。

スライス機能を使えば、ビジュアル優先のレイアウトを実現するだけではなく、
工夫によって無駄のない小さなファイルサイズのデータを生成できる。
JavaScriptロールオーバーにするだけがスライスじゃない。

【森川眞行】もりかわ・まさゆき/ Silicon Cafe'
1958年茨木市生まれ・1981年大阪芸大学美術学科卒業。デザイナー歴17年。
10年前Macintosh に遭遇して、カッターナイフとシャープペンと写植見本帳を
窓から捨てる。以降の活動はサイトを見に来てね!
http://www.siliconcafe.com/profile/

______________________________________________________________________
■主要サイト情報
----------------------------------------------------------------------
Microsoft/ Sun Microsystems
----------------------------------------------------------------------
▽Microsoft
~~~~~~~~~~~
SQL Server(TM) 7.0のOLAP機能を公開 (1998/09/22)
http://www.asia.microsoft.com/japan/info/releases/0922ola.htm

▽Sun Microsystems
~~~~~~~~~~~~~~~~~~
サン、Java 3D プログラミング・ツールβバージョンの無償提供を開始
(1998/09/22)
http://www.sun.com/smi/Press/sunflash/9809/sunflash.980922.1.html

【▼担当 Hironori DOI】 mailto:h-doi@pop13.odn.ne.jp
http://www1.odn.ne.jp/happy/index.html

【▽担当 山口 壮/ えむ】 mailto:PXX06120@nifty.ne.jp
http://member.nifty.ne.jp/yamaguchi/
Macユーザーの方は「Mac the Fork」というページをご存じでしょうか?林檎
屋JとTONY屋(Apple JapanとSONYですね(笑))の間で進められていた、コー
ドネーム「UltraThin」という世界最軽量のノートブック開発プロジェクトが、
J氏の暫定CEO就任とともに中止され、これがWAIO(即ちVAIO)となって登場し
たという話が、このページで語られています。どこまで本当なのか分かりませ
んが、非常に興味深い話です。
<Mac the Fork>
http://member.nifty.ne.jp/fork/

______________________________________________________________________
■本日キャッチしたコンピュータニュース関連
----------------------------------------------------------------------
コンピュータハードや一般など
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
●アドビシステムズ、「Adobe Illustrator 8.0 日本語版」11月中旬発売。
Win95/98/NT4.0/Mac対応
http://www.adobe.co.jp/

●セイコーエプソン、A3用紙対応レーザープリンター「エプソン エスパー・
レーザー LP-8300S」発売。Win95/3.1/NT3.51/NT4.0対応
http://www.epson.co.jp/epson/japanese/whatsnew/1998/lp8300s.htm

●ニフティ、「NIFTY MANAGER for Windows Version 4.70」29日から無料ダウ
ンロード提供開始。「NIFTY MANAGER for Macintosh Version 4.60」は24日か
ら無料提供開始。CD-ROMの無料郵送サービスもあり
http://www.nifty.ne.jp/release/19980921.htm

●リコー、Microsoft Exchange用アドオンソフト「Active Schedule」10月上旬
発売。Win95/98/NT4.0対応
http://www.ricoh.co.jp/index.html

●三洋電機、光学3倍ズームとデジタル2倍ズーム、131万画素CCD搭載デジタル
カメラ「DSC-SX1Z」11月15日発売
http://www.sanyo.co.jp/koho/hypertext4/9809news-j/0921dsc.html

●三洋電機、デジタルカメラ用プリンター「DVP-3」11月20日発売
http://www.sanyo.co.jp/koho/hypertext4/9809news-j/0921dvp.html

ソフト関連
~~~~~~~~~~
●Mac用 SimpleImage 1.5.2
http://www.nemaine.com/ellipse/
*イメージビューアー

●Mac用 tAkeOut 1.02
http://www.urchin.co.jp/html/tAkeOut/index.html
*ホームページ自動ダウンロード

●Mac用 DTP Launcher 1.4.5
http://www.aimilc.ne.jp/~usami/
*Illustratorファイルのランチャーツール

●Win用 AirCraft 97 Ver2.52
http://member.nifty.ne.jp/dude/
*NIFTY SERVE 統合通信環境

●Win用 AN HTTPD Ver1.01
http://httpd.st.rim.or.jp/~nakata/
*HTTP サーバ

●Win3.1用 富士通、Trident Cyber 9385 ディスプレイドライバ Version 2.3
http://www.fmworld.ne.jp/product/lib/biblodrv/cy938523.html

●Win用富士通、Intel LANDesk Client Manager 3.1J Windows98対応モジュール
http://www.fmworld.ne.jp/product/lib/lan/ldcm31j.html

●Win用 IBM ThinkPad 560Z ユーティリティ・データ・ディスケット III
Windows98 V1.00
ftp://ftp.ibm.co.jp/pub/pccsvc/thinkpad/ieug02/

●Win用 IBM ThinkPad 380Z/560Z Windows 98 ユーティリティV1.00
ftp://ftp.ibm.co.jp/pub/pccsvc/thinkpad/ieuc01/

●Win用 IBM ThinkPad ビデオ・サポート (NM 2160) (Windows NT) V3.22Q
ftp://ftp.ibm.co.jp/pub/pccsvc/thinkpad/i8d803/
*ThinkPad 380/380D/380E/380ED/380X/380XD/385D/385ED/385XD,535X/560X/
560Z,600用

【強力!べんりDesse -Mac/Win最新ソフト情報と役立つリンク集-】
mailto:joy@osk.3web.ne.jp
http://www2.osk.3web.ne.jp/~joy/benridesse/

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
発行   デジタルクリエイターズ
     <http://www.dgcr.com/>

編集長  森川眞行 
     柴田忠男 
     神田敏晶 

情報提供・投稿・プレスリリース・記事・コラムはこちらまで
 担当:濱村和恵

★等幅フォントでご覧ください。
★【日刊・デジタルクリエイターズ】は無料です。
 お友達にも是非お奨め下さい (^_^)

★日刊デジクリは、<http://www.dgcr.com/>、まぐまぐ<http://
www.mag2.com/>、
Macky!<http://macky.nifty.ne.jp/>で配信しています。

Copyright(C), 1998 デジタルクリエイターズ
許可無く転載することを禁じます。
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■