WebサイトのデザインにFireworksを使用する理由


24

Photoshopを使用して、過去9年または10年で作成したすべてのWebサイトを(多かれ少なかれ)デザインしました。Fireworksについて、Webデザインとプロトタイピングに優れていると言っている人がいます。

AdobeがMacromediaを引き継いだとき、Fireworksが生き残ったことに驚いたので、非常によく似たプログラムと並んで、それを維持するために素晴らしいものが必要になります。

Photoshopを介してFireworksを使用することの長所と短所、および試してみる前に知っておく必要のある違いの概要を教えてもらえますか?

-編集-

大量の記事を貼り付けるよりも便利な、人々がそれを使って行っているささいなことを聞​​くことにもっと興味があります。


2
あなたは興味があるかもしれない:彼らのようなPhotoshopのチームの音は少しここでギャップを埋める検討しているblogs.adobe.com/jnack/2010/09/...
JamesHenare

1
興味深い読み物、それ。ありがとう。Fireworksの美徳を賞賛しようとするのではなく、Photoshopに組み込んでいるのを見るのは興味深いことです。なぜだろうか。
スコットブラウン

回答:


15

私は常にWebデザインにPhotoshopを使用していましたが、Andre Reineggerの2つの優れた比較を読んだ後、Fireworksを試してみます。

http://www.reinegger.net/50_reasons_not_to_use_photoshop_for_webdesign.html

彼の理由の最も関連性があるのは、歪みのないスケーリング状態パネル、およびユーザーインターフェースパネルだと思います


多少なりとも、特定のCSSスタイルをオブジェクトに適用できるようです。これは、成長しているリストに追加するもう1つの魅力的な機能です。UI要素も見栄えがします。
スコットブラウン

7

Fireworksには非常に気の利いたシェイプインターフェイスがあり、シェイプのポイント/ベジェを操作したり、シェイプのセクションを自由にピクセルのようにつかむことができます。したがって、正方形を作成し、1つの角をつかんで引き伸ばしてから、マーキーツールを使用して、反対側の角の正方形の部分をつかんで削除することができます。AdobeがPhotoshopのためにこれを取得しなかったことに本当に驚きました。

PhotoshopとFlashの間でファイルを簡単に移動できるようになる前は、Fireworksでグラフィックを作成してFlashにインポートする方が簡単でした。


[OK]を、私はそれの音のように、知って便利な1だ
スコット・ブラウン

7

Fireworksとは恋愛関係にあります。

嫌い:

  • AdobeはFireworksをPhotoshopの不要な継子のように扱います。
  • それは本当に磨かれていないように感じられ、いくつかのバグさえあります(メモリ不足が私のお気に入りです)。
  • このツールを使用すると、このようなツールがどれだけの可能性を秘めているのかを感じることができます。ほとんどの場合、「この機能やこの機能を使用するのはとてもクールだ」と考えるでしょう。それは本当にイライラすることができます。

愛:

  • 他の多くのツールが占有しないスペースを埋めます。
  • ピクセルとベクターの簡単な使用。
  • ホットスポットとHTMLへの簡単なエクスポートにより、クライアントにWebサイトのフローをすばやく表示できます。
  • ページおよび限定マスターページのサポート。
  • 軽量であり、学習と使用が簡単です。

Fireworksに対する嫌悪感はすべてありますが、モックアップやWebサイトのデザインのメインツールとして、常にFireworksに戻ります。私の希望は、アドビではない会社が同様のツールを作成し、それにふさわしい愛を与えることです。


4

もう1つの理由を説明します。Fireworksのネイティブファイル形式はPNGです。

つまり、FWで作成したグラフィックをページに直接追加できます。複数のバージョンを作成したり、オリジナルを追跡したりする必要はありません。


その場合、多層PNGを作成できますか?最適化のための「Web用に保存」オプションもあると思いますか?
スコットブラウン

元のPNGファイルを使用するのではなく、おそらくそれらをエクスポートする必要があります。不要なベクターと花火の情報が多すぎるため、最適化されたファイルをエクスポートすることでファイルサイズを削減できます。
ライアンドゥーム

4

Webデザイナーのニーズとラピッドプロトタイピングに最適化されたツールを使用して、ピクセルとベクターの両方の編集が可能です。

私にとっては、PhotoshopとIllustratorの両方の最高で最も便利なツールを1つの直感的で習得しやすいインターフェイスに組み合わせたものです。したがって、Photoshopから切り替える場合は、おそらく1日ですべてを取得できます。ワイヤーフレームとモックアップの作成に定期的に使用しています。これは、他の2つのプログラムよりもはるかに高速なワークフローを提供するためです。

このプログラムの短所は、IllustratorおよびPhotoshopの高度な機能が欠けていることです。ここでは基本的なことを説明しますが、ほとんどのプロジェクトでは十分な機能があります。


4

上記のすべてと時間の大幅な節約ができたと思います-Photoshopが得意であれば、Fireworksの使用は間違いなく素晴らしいでしょう。Fireworksに欠けているものは、Photoshopでの写真編集に関係します。Fireworksでレイアウトを開始し、必要に応じてPhotoshopを使用してすばらしいフィルターを作成し、結果をFireworksに戻します。FireworksではWebサイトのグラフィックスの最適化が非常に優れているため、最終的にFireworksからのエクスポートを開始および終了します。すぐに飛び込んで、それなしで別のウェブサイトを作成することは決してないことを保証します。


3

あなたの兄弟に依存します。

これを見た方がいい。

http://www.webdesignerdepot.com/2010/08/7-reasons-why-i-choose-fireworks-over-photoshop/


乾杯、webdesignerdepot.com / 2010/08 /へのリンクは…でもしたでしょう!スクリーンショットも入手できるので、そちらで読みます。
スコットブラウン

1
ソースを引用してください:webdesignerdepot.com/2010/08/…また、あなたが著作権者でない限り、あるサイトから別のサイトに情報を単にコピー&ペーストすることは受け入れられません。(この場合、大声で宣言することをお勧めします)
ヤリケイネン

お知らせありがとうございます。
ジャック

@koiyuは今大丈夫ですか?
ジャック

3
はい、それは受け入れられます:-)本当にあなたの答えを改善したいなら、あなたは常にあなたが指している記事を要約するか、あなた自身の言葉にそれを言い換えることができます; 参照が将来いつかダウンする場合、コミュニティはまだアイデアの主要なポイントにアクセスできます。
ヤリケイネン

3

私は、@ Jackの回答で参照されている記事で述べられているすべてのポイントを2番目にします。しかしさらに、Fireworksで使用される圧縮アルゴリズムは、Photoshopよりも優れています。Fireworksは、よりクリーンで小さなJPEGを提供します。

私にとって、ネイティブなベクターのサポートは大きなプラスです。外部ファイルを再インポートまたはラスタライズするのではなく、オンザフライでアートワークのサイズを変更する機能は、非常に優れた機能です。


Re:the JPGs:知っておくと良いでしょう。これを参照して比較を確認できますか?私はベクトル/ラスターのミックスに自分自身が捕まったので、興味をそそられるようです。(Photoshopで)丸みを帯びた画像をラスタライズしてから下にサイズ変更すると、上下左右に平らなエッジができるので、それを避けるのがいいでしょう。
スコットブラウン

私は個人的な経験から引用していますが、簡単なGoogleがwebdesignerwall.com/general/fireworks-vs-photoshop-compression
duncmc

それは大丈夫、それは私が望んでいた個人的な経験です。Photoshopで日々役立つ便利なもの。
スコットブラウン
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.