为什么要使用Fireworks进行网站设计?


24

我使用Photoshop设计(或多或少)过去9或10年中创建的每个网站。我听到有人谈论Fireworks,说它非常适合Web设计和原型制作。

当Adobe接管Macromedia时,Fireworks幸存下来令我感到惊讶,因此对于它,必须有一些很棒的东西才能与它并存,就我所知,这是一个非常相似的程序。

谁能给我一个关于在Photoshop上使用Fireworks的优缺点的简要概述,以及在尝试之前需要了解的差异?

-编辑-

我会更感兴趣的是听到人们使用它的一些小事情,这使它比在我身上粘贴大量文章更加有用。


2
您可能会感兴趣:像他们Photoshop的团队声音正在考虑这里有点缩小差距:blogs.adobe.com/jnack/2010/09/...
JamesHenare

1
有趣的读物。谢谢。有趣的是,他们将其合并到Photoshop中,而不是试图赞扬Fireworks的优点。我不知道这是为什么。
斯科特·布朗

Answers:


15

我一直将Photoshop用于我的网页设计,但是在阅读了Andre Reinegger在两者之间的出色比较之后,我将尝试使用Fireworks:

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

我认为他最相关的原因是无失真的缩放状态面板用户界面面板


看起来您可以或多或少地将特定的CSS样式应用于对象。这是添加到不断增加的列表中的另一个吸引人的功能!UI元素看起来也很棒。
斯科特·布朗

7

Fireworks具有非常漂亮的形状界面,可让您使用形状的点/贝塞尔曲线或将形状的某些部分当作像素随意抓取。因此,您可以制作一个正方形,抓住一个角并将其拉伸,然后使用选取框工具抓住并删除对角的正方形部分。我真的非常感到惊讶,Adobe没有为Photoshop抢购这个产品。

回到以前,您可以在Photoshop和Flash之间轻松地移动文件,现在更容易在Fireworks中制作图形并将其导入到Flash中,因此许多制作Flash密集型网站的人习惯了在Fireworks中工作。


好吧,这是一个方便的人,我喜欢这样的声音
Scott Brown

7

我与Fireworks有恋爱关系。

讨厌:

  • Adobe将Fireworks视为Photoshop不需要的继子。
  • 感觉确实很粗糙,甚至有一些错误(内存不足是我的最爱)。
  • 使用它时,您可以感觉到这样的工具有多少潜力。大多数时候,您会在想:“哇,拥有此功能很酷。” 这真的很令人沮丧。

爱:

  • 它填补了许多其他工具所不占用的空间。
  • 易于使用像素和向量。
  • 热点和易于导出到html的功能,因此您可以快速向客户显示网站的流量。
  • 页面和有限的母版页支持。
  • 感觉轻巧,易于学习和使用。

尽管我讨厌Fireworks,但我始终会把它作为我制作模型和网站设计的主要工具。我希望不是Adobe的公司也能创建类似的工具,并给予它应有的爱。


4

我将继续讨论另一个原因:Fireworks的本机文件格式是PNG。

这意味着我可以拍摄在FW中创建的图形并将它们直接添加到页面中。我不必创建多个版本,也不必跟踪原始版本等。


那您可以制作多层PNG吗?我假设还有一个“保存为网络”选项以进行优化?
斯科特·布朗

与使用原始PNG文件相比,您可能仍应该导出它们。您不需要太多的矢量和烟花信息,可以通过导出优化文件来减小文件大小。
瑞安·杜姆

4

它能够使用针对Web设计人员的需求和快速原型制作而优化的工具进行像素和矢量编辑。

对我来说,它是Photoshop和Illustrator最好/最有用的工具,它们组合在一个直观易学的界面中。因此,如果您要从Photoshop切换,则一天之内就可以完成所有操作。我经常使用它来制作线框和模型,因为它提供的工作流程比上面提到的其他两个程序要快得多。

该程序的缺点是它缺少Illustrator和Photoshop的高级功能,只是这里的基础知识,但是对于大多数项目,您会发现它们足够多了。


4

我要说的是以上所有内容,并节省了大量时间-如果您擅长Photoshop,那么您一定会在使用Fireworks方面表现出色。Fireworks中缺少的所有内容都与Photoshop中的照片编辑有关-我们要做的是从Fireworks开始布局,并在需要时使用Photoshop的超棒滤镜,然后将结果带回Fireworks。由于网站图形的优化在Fireworks中要好得多,因此我们以从Fireworks导出开始和结束。只要加入,我保证您将永远不会再没有它的情况下建立另一个网站。


3

干杯,到webdesignerdepot.com/2010/08/…的链接就可以了!我也会在这里阅读屏幕快照。
斯科特·布朗

1
请引用您的来源:webdesignerdepot.com/2010/08/…另外,除非您是版权所有者,否则仅将信息从一个站点复制并粘贴到另一个站点也是不可接受的。(在这种情况下,建议大声宣布)
JariKeinänen11年

我更正了谢谢您的通知。
杰克

@koiyu现在可以吗?
杰克

3
是的,这是可以接受的:-)如果您确实想改善您的答案,则可以始终总结您所指向的文章或将其改写为您自己的文字;如果将来将来的某个时候引用会下降,那么社区仍然可以访问该思想的要点。
2011年

3

我会赞同@Jack的答案中所引用的文章中的所有观点。但除此之外,Fireworks使用的压缩算法比Photoshop更好。Fireworks为您提供更清洁,更小的JPEG。

对我来说,本机向量支持是一个巨大的优势。动态调整图稿大小而不必重新导入或栅格化外部文件的功能是一项杀手feature。


关于:JPG:很高兴知道。为此有任何参考,以便可以进行比较吗?我自己被矢量/栅格混合所吸引,看起来很有趣。我发现在将圆形图像光栅化(在Photoshop中)然后向下调整大小之后,我可以在顶部,底部,左侧和右侧获得平坦的边缘,因此避免这种情况会很好。
斯科特·布朗

我只是从个人经验中引用,但很快Google抛出了webdesignerwall.com/general/fireworks-vs-photoshop-compression
duncmc 2011年

很好,这是我所追求的个人经验。您发现日常在Photoshop之上有用的小东西。
斯科特·布朗
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.