用于设计 Web 界面的工具

Question

就我而言，网页设计和编程正变得越来越重叠。我主要使用 Twitter 引导程序为我构建的应用程序设计 Web 界面。但是，在我看来，它更像是一个由现成的接口部件组成的设备，可以使用。通常，Web 界面需要一些单独的功能、自定义等。随着时间的推移，我觉得我想提供更好的用户体验和我构建的网页的外观。话虽如此，我认为我需要执行以下操作：

• 设计徽标、图标、按钮、菜单、背景、可点击元素，例如用于导航、折叠/展开菜单的箭头
• 由于移动设备通常需要调整上述元素的大小以适应特定的分辨率

请注意，我几乎不会与处理图像有任何关系。 （我的意思是，在将图像提供给具有特定分辨率的设备之前，当然需要调整其大小，但我想这不是 Photoshop 或类似程序的用例。）

我想知道什么工具适合这个目的。

我一直在考虑 Photoshop 和 Illustrator，Illustrator 似乎在这方面胜出，因为据说它能够创建可以轻松缩放和重复使用的基于矢量的图形。不过，Photoshop 号称是行业标准，网页设计所需的一切都可以用它来完成。

我不需要任何拖放图形生成工具或可以为我生成代码的东西，我可以自己编写 HTML 和 CSS。

Answer 1

要设计徽标、菜单、按钮和其他图形元素，您必须使用钢笔工具和绘制形状工具。

如果你让我在 Photoshop 和 Illustrator 中选择一个，我推荐 Photoshop 用于简单的图形元素，如按钮和菜单。 Illustrator 用于更高端的图形，例如背景图像图形、插图和徽标。

但是，在开始之前，您必须先了解钢笔工具、形状工具以及 Illustrator 中的路径查找器、网格工具和渐变工具的一些基本知识。