与硬编码 HTML 和 CSS 相比,使用 Dreamweaver 是否有助于产生更好的美学设计?

平面设计 网站设计 工作流程 织梦者
2022-02-21 06:59:16

我有一些专业的 Web 开发经验,我总是在简单的文本编辑器中硬编码所有的 HTML 和 CSS。我不认为我的网站的美学外观很差,但是与专业网页设计师的作品相比,他们的作品在某些方面似乎更专业,而且我认识的设计师总是在 Dreamweaver 中进行设计。

当然,我承认设计师有我没有的经验和才能,这是他们的设计更好的一个重要因素,但也许所见即所得的编辑器是另一个因素。

我有机会学习 Dreamweaver。

使用 Dreamweaver 代替纯文本编辑器是否有可能以任何方式改进我的设计,因为我可以抽象出许多技术细节,并更多地关注美学?

4个回答

Dreamweaver 不会让您成为更好的设计师。

归根结底,Dreamweaver 只是一个工具,就像任何工具一样,你可能会发现它有用,也可能不会,但它永远不会提高自己的设计美感。

我发现没有理由在纯文本编辑器 (BBEdit) 和浏览器上使用 Dreamweaver。投入一点 PHP 和用于测试的服务器,实际上根本不需要 Dreamweaver。但这是的偏好。您的里程可能会有所不同。

Dreamweaver 在团队工作流程中非常方便,在该工作流程中,许多人都在处理同一件事或同一件事的各个部分。但是,在单独的设计师/建造者环境中,没有必要使用Dreamweaver

此外,Dreamweaver 的 WYSIWG 部分确实可以创建噩梦般的意大利面条代码。我见过的大多数有效使用 Dreamweaver 的人倾向于回避在布局视图 (WYSIWYG) 中进行编辑并使用代码视图。如果您完全关心漂亮、干净、可靠的代码,那么Dreamweaver 的 WYSIWYG 方面实际上是不好的部分。

我对@Matt 的回答几乎没有什么要补充的,但这是我的金块。就个人而言,我已经禁止自己使用所见即所得的编辑器(如 Dreamweaver),因为我认为它们让我成为一个更糟糕的网页设计师。这些是原因。

  • 它们让我很快变得生疏、懒惰和过时。当我开始使用记事本进行编码时,您会惊讶地发现与代码相关的知识对我来说是第二天性,但是当我开始使用所见即所得并且无需键入时几乎被遗忘了。我也从来没有得到我可以使用的新东西的备忘录(webfonts,PNG等)所以我一直在使用旧技术,想知道为什么其他页面如此未来,但我的却是尘土飞扬的旧 HTML.1
  • 它们生成低效的代码。这可能已经过时了,因为我很长时间没有接触过所见即所得的编辑器,但是在过去(大约 Y2K),所见即所得的编辑器过去常常使代码膨胀很多。额外的桌子有人吗?
  • 他们让我变慢。我发现 WYSIWYG 编辑器经常会在我的页面上包含一个令人费解且几乎无法修复的工件:具有奇怪的共同依赖宽度的列是一个很好的。我会拖动并单击几个小时,但它会卡住并且看起来不应该。当我固定一列时,最后的那一列会发疯。这造成了很多挫折和延误。
  • 我不得不照看代码。很多时候,为了解决问题,我最终不得不去代码并修复错误的空标签和编辑器创建的各种错误编码。我开始想,如果无论如何我都必须手动编码,那我为什么要使用 WYSIWYG 编辑器开始呢。
  • 他们使我脱离了技术。这听起来可能是件好事,但归根结底,网页是一项高度技术性的创作。脱离其技术方面并没有让我做出更好的设计决策,但另一方面,可能适合打印应用程序但对 Web 应用程序效率极低的糟糕设计决策。

请注意,我来自编程背景并且我确实喜欢编程,所以我对它的看法可能会有所偏差。

可视化编辑器或所见即所得的编辑器很糟糕。查看网站的唯一真正方法是通过浏览器这一媒介。关于 Dreamweaver,我讨厌它,原因有很多:

  • 如果您只是在学习代码,那么学习如何编码的最佳方法是通过您所说的记事本或 Textedit 之类的东西。对我来说,当我编写网站代码时,我总是打开两个文件,一个用于 HTML,一个用于 CSS。
  • Dreamweaver 的可怕之处在于,为 Adob​​e 开发的所有内容都被应用程序分开。基于您可以对一个应用程序执行的操作而您无法对另一个应用程序执行的操作就是一个典型示例。因此,如果与 Dreamweaver 的集成更好,那么它可能是一个可行的工具。
  • 在最后一个基础上,Dreamweaver 不提供高级 grep 功能。
  • 几乎看起来他们正在通过添加 Adob​​e Muse 来取消 Dreamweaver,但这正是我所看到的,因为您看到其他 Adob​​e 产品缺乏脚本能力。
  • 如果您不舒服或无法完全编写代码,那么您只会对自动完成造成伤害(为了澄清,我根本不反对自动完成,我认为这可能是对开发人员工作流程的一个很好的补充。我反对一个新的不理解或无法凭记忆编写 HTML 和 CSS 的用户)。

现在我认为 Dreamweaver 有很大的潜力,但这会让 Adob​​e 意识到他们有问题。如果 Dreamweaver 为 InDesign 实现了脚本或更好地利用 grep 或某种类似于 JavaScript 的脚本方式,那么我可以看到使用该软件。

为了建立在 Scott 所说的基础上,我使用并喜欢 BBEdit,并且我购买了每个版本。从价格点来看,BBEdit 是 50 美元,对于这个价格,它是值得的。这个应用程序在我的 web 开发中非常出色,因为它允许我通过并且我可以 grep 任何东西,我可以在我创建的文件或模板上运行从 Applescript 创建的脚本,因为所有内容都可以编写脚本。如果您可以针对应用程序中的所有内容编写脚本,那么这是加快生产速度的可靠方法。因此,实际上,从流线型流程或有效的工作流程来看,Dreamweaver 无法提供 BBEdit 可以做的事情。

结束咆哮并回答您的问题,但您没有理由仅仅因为其他优秀的设计师使用它而使用 Dreamweaver。这有点赶上潮流。如果您想要更好的设计,那么您需要根据您提出的问题更好地练习您的代码。

我确实宣扬了很多关于 BBEdit 的内容,但我强烈建议你退后一步,规划一下你的目标是什么,以及你打算在网页设计中做什么。我说退后一步,因为作为一名网页设计师,随着时间的推移,您将被期望在影响您的设计(如 jQuery)的其他代码领域中有所了解,或者如果您要开始设计和构建 CMS,您需要评估哪种应用程序适合您从长远来看。

也忘了在我的工作流程中添加我也将 Github 用于小组项目,并且可以通过附加插件免费添加到 BBEdit 中。BBEdit 还允许我在终端中构建并运行 Dreamweaver 无法执行的终端命令。有许多免费的有用插件可以在 BBEdit 上进行扩展,这是您在使用应用程序时应该考虑的另一个因素。

如:

为了公平对待其他出色的应用程序,我鼓励您查看:

像dreamweaver 这样的可视化编辑器吸引了许多以视觉方式思考和工作的人,但我认为虽然它使某些人的工作变得更容易,但并不一定会使他们的工作变得更好。我认为差异并不来自人们使用的软件,而是来自他们使用工具背后的知识。

专业设计师接受过设计原则(颜色、布局、对比度、层次结构等)方面的培训。如果你想让你的设计更好,专注于学习这些,而不是新软件。