WEBの作業が楽になるテクニック総まとめ　第1回

ものさしツールを 使ってデザインの 説明を容易にする 文＝神森 勉（アンカーテクノロジー（株）/T-STUDIO）

クライアントやプロジェクトスタッフとの間で、画面デザインをやりとりする際に、幅や高さを知らせたいことがあると思う。Fireworks CS4で追加されたものさしツールは、そうしたニーズに応えてくれるので活用しよう【1】。使い方は簡単で、ツールパレットからものさしツールをクリックし、shiftキーを押したまま、幅を示したいところをドラッグするだけだ【2】【3】。このとき、あらかじめガイドラインを引いておくと吸着するので、さらに使いやすくなる。Photoshopではおなじみなので使い慣れた人も多いだろう。



【1】長方形ツールなどと同じツールボックス内にある



【2】shiftキーを押したまま距離を測りたいところをドラッグすると水平・垂直に引ける



【3】幅が自動的に記入される

POINT　別レイヤーに数値を書き込むと便利

［INDEX］
>>>　21　Illustratorの単色ロゴやイラストに簡単に色をつける
>>>　22　スキーマを設定しXHTMLやCSSのエラーチェックを自動化する
>>>　23　オートシェイプ機能でスピーディにグラフィックをつくる
>>>　27　線を使わず塗りとテクスチャの併用で破線を手軽に作成する
>>>　28　直前につくった選択範囲を瞬時に呼び出す
>>>　29　px単位で図形の作成を行ってWeb画像にする
>>>　74　シンボルを活用しボタンなどの共有画像を効率的に管理する
>>>　75　「Subversion」を利用しファイルのバージョンを管理する
>>>　76　ものさしツールを使ってデザインの説明を容易にする
>>>　80　四則演算を利用して数値を手早くプロパティに入力する
>>>　81　ライブビューでJavaScriptの動作確認をする
>>>　82　アルファチャンネルを利用しトレース作業を効率化する