[Fireworks]デザインパーツを蓄積して1分でも早くWebデザインを仕上げる便利な機能3つ

  • あとで読みたい人は…

どうも、@cappeeです。

私はWebデザインをする時にFireworksを使っています。

グラデーションやフォームなどよく使うデザインのパターンってありますよね。

これ毎回つくっていると、たとえつくるのに1分だとしても、10回つくったら10分、100回つくったら100分、、、とトータルで考えると非効率ですし時間がもったいない。

よく使うデザインは蓄積しておくこと!

それが素早くデザインするコツだと私は思っています。

ということで、Fireworksにある便利な機能な使わないと損です。

スタイル

style [Fireworks]デザインパーツを蓄積して1分でも早くWebデザインを仕上げる便利な機能3つ

例えば、HTMLのテキスト、グラデーション、写真の枠などよく使うデザインやベースになるものは「スタイル」に登録しておきます。

デフォルトで登録されているものは使わないデザインも多いので、スタイルウィンドウの右上にあるメニューから自分だけの「スタイルライブラリを保存」しておくと便利です。

スタイルウィンドウが表示されていない場合は、ツールバーの[ウィンドウ]→[スタイル]で表示できます。

16857944f6e21bec667b3a69a3f9a805 300x143 [Fireworks]デザインパーツを蓄積して1分でも早くWebデザインを仕上げる便利な機能3つ

デザインを保存するには、保存したいパーツを選択してスタイルウィンドウの右上か下にある「新規スタイル」を選びます。

塗り、フィルター、ストローク、テキストなどどのプロパティを保存するか細かく選べるのでとても便利ですよ。

スタイルを活用すれば作業が1.5倍は早くなるんではないでしょうか。

共有ライブラリ

67644ee90467df423d5a4a0366200979 [Fireworks]デザインパーツを蓄積して1分でも早くWebデザインを仕上げる便利な機能3つ

input や select などフォーム系のパーツやボタンなどは「共有ライブラリ」に登録しておきます。

デフォルトで用意されているライブラリを使ってもいいですし、新しくフォルダをつくって自分でつくったパーツを登録しておくこともできます。

パーツを共有ライブラリに登録する場合は、まずパーツをシンボル化(F8)してその時に表示されるウィンドウの「共有ライブラリに保存」にチェックします。

72be56defad0a82dde289720295ed4eb 300x158 [Fireworks]デザインパーツを蓄積して1分でも早くWebデザインを仕上げる便利な機能3つ

共有ライブラリを使えばフォームのデザインが1.7倍は早くなるんではないでしょうか。

リッチシンボル

b3be6f0a1704dab9be403afebe34e064 [Fireworks]デザインパーツを蓄積して1分でも早くWebデザインを仕上げる便利な機能3つ

共有ライブラリをさらに便利に使えるのが「リッチシンボル」です。

例えばテキストありのプルダウンを共有ライブラリに登録したとします。

リッチシンボルの特徴は、中のテキストを「シンボルプロパティ」から変更することができてしまうのです。

登録はちと面倒ですが最初だけですし地味に便利な機能と言えます。

リッチシンボルの登録方法はこちらに詳しく書かれてありますのでご覧ください。
【Fireworks 】地味に便利なリッチシンボルと共有ライブラリ

リッチシンボルを使えばフォームのデザインが1.1倍は早くなるんではないでしょうか。

せっかくFireworksにある機能ですので、たまには立ち止まって一度機能をおさらいするのもいいかもですね。

デザインもよく使うパターンは蓄積して、効率化した分早く家にかえりましょう。

Pocket
article clipper [Fireworks]デザインパーツを蓄積して1分でも早くWebデザインを仕上げる便利な機能3つ

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)