CSS Selector Generator | CSS のセレクタ一覧を一発で自動生成!

09

03月2010年

【Fireworks】あなたのワークスペース、どんなレイアウト?

toyama 18:09 PM

  • はてなブックマークに登録
  • livedoorクリップに登録
  • Yahoo!ブックマークに登録
  • deliciousに追加

イメージ

今週の横浜はまた冬に逆戻りです。toyama です。あんまり春らしくなると花粉は飛ぶし、背後に控えている梅雨と夏の近さを思い知らされて憂鬱なので冬は寒いのが長い方がいいなあと思います。

自分以外の人がどんな作業環境でお仕事しているのか、案外知らなかったりしますよね。
デスク並べてお仕事している隣の人がアイコンで埋もれたようなデスクトップだったり、ランチャーを使ってチリひとつない状態だったりして驚かされることがあります。
ということで、今回はデスクトップの画像…ではなくて、あんまり公開しているサイトがなかったので Fireworks のワークスペースを公開しようと思います!誰得企画!

全体

100309_toyama_01.gif

左から「ツールボックス」「ドキュメントウィンドウ」ときて、たくさんのパネル群、下に「プロパティ」があります。
右利きならツールボックスは右に配置すべきと言われますが、長年の左配置のおかげで矯正できません。

ツールパネル群

2列でレイアウトしています。3列にするとドキュメントウィンドウで横 960px のサイトをデザインする際に横スクロールバーが出てうざったいから。
1列だと、できるだけ長く確保したいレイヤーパネルのスペースが狭くなってしまうから、です。
横に長いモニタを買ってもらえたおかげで作業効率が相当上がりました。

ページ・フレーム

100309_toyama_02.gif
ロールオーバ画像や、このタブ押したあとの画面は 2 フレーム目に作ってあるから!というときにすぐ対応できるように表示しておきます。
複数の人数でソースをいじることが多いシーブレインでは、フレームパネルは出しておいた方が間違いがないです。

色見本・ミキサー・情報

100309_toyama_05.gif
表示してなくてもなんとかなりますが、出しておくと画面が華やかになります。 「情報」は地味に便利です。

最適化・整列

100309_toyama_03.gif
整列がないと死んでしまいます。「整列」を使うと矩形のエッジがボケちゃったりすることがありますが、そんなことはお構いなしに使います。ボケちゃったらこれで直します
最適化はスライスファイルの書き出しの設定に使います。最終的に書き出されないと作業が完結しないのが Web デザインです。重要なパネルです。

共有ライブラリ・シンボルプロパティ・ライブラリ

100309_toyama_04.gif
パーツをシンボル化して効率を上げるようがんばっているので、シンボルのライブラリパネルは常に出しっぱなしです。共有ライブラリとその設定を入力できるシンボルプロパティパネルもセットで出しています。

みなさんはどんなワークスペースで作業しているのでしょうか?
このパネルグループは便利だよ!などありましたら教えてください。
ちなみにモニタのサイズは 1680x1050、バージョンは CS3 です。

バシャログスタッフによるWebサイト制作サービス

トラックバック

このエントリーのトラックバックURL
http://c-brains.jp/cgi-bin/mt/###/2173
###はmt-tb.cgiに変更してください。

コメント

初期設定のまま、パネル1列で作業してました。。
今までレイヤーが伸びてくると猛烈にスクロールして・・・無駄でした。。

効率よくなりそうで嬉しいです!
というか何で今までやらなかったのか・・・。

ちなみにパスのパネルも自分は出しています。
たまに使えるし、ちまちまアイコンが並んでるのが好きで笑。
あとレイヤーのサムネールは極小指定だったりします。

> maki さん
コメントありがとうございます。
レイヤーはどうしても枚数が膨大になるので、長く表示させておいた方が絶対楽だと思いますよ!
パスのパネル、存在に気がつきませんでした!これからは表示させるようにしようと思います。
ありがとうございました!

コメントを投稿

ページの先頭へ

POPULAR TAGS
  • バシャログスタッフによるWebサイト制作サービス

ARCHIVE

特集

RECENT COMMENTS

ishida on CSS Nite in Ginza, Vol.49「バシャログ LIVE」 で紹介したDreamweaverの正規表現クエリーを公開します
>市川さん コメントありがとうございます。 前提条件の部分
ichikawa on 1.2.3で整えるPHP開発環境【STEP.1】 XAMPPをインストール
いつもバシャログ。をご覧いただきありがとうございます。 >
市川 on CSS Nite in Ginza, Vol.49「バシャログ LIVE」 で紹介したDreamweaverの正規表現クエリーを公開します
どういう前提での使用例なのか、わかりませんが、 タグを明示的
studio-8ch on 1.2.3で整えるPHP開発環境【STEP.1】 XAMPPをインストール
いつも記事を大変興味深く、拝見いたしております。 是非、A
sakai on [使える CSS テクニック] CSSで実現するプルダウンメニュー
>とらのすけさん コメントありがとうございます。 CSS