用于设计Web界面的工具

Question

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

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

请注意，我几乎不会与操纵图像有任何关系。 （我的意思是图像需要在送到具有特定分辨率的设备之前调整大小，但我想这不是Photoshop或类似程序的用例。）

我想知道哪种工具适用于此目的。

我一直在考虑Photoshop和Illustrator，其中Illustrator似乎赢了，因为它据说可以创建基于矢量的图形，可以轻松扩展和重用。然而，Photoshop声称是一个行业标准，网页设计所需的一切都可以用它完成。

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

Answer 1

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

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

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