设计web接口的工具

Question

在我的例子中，网页设计和编程正变得越来越重叠。我主要使用Twitter引导程序来为我构建的应用程序设计web接口。但是，在我看来，这是一个由准备好的接口部件组成的设备。通常情况下，web界面需要一些个性化的功能，定制等。随着时间的推移，我觉得我想提供更好的用户体验和外观的网页，我构建。话虽如此，我认为我需要采取以下行动：

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

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

我想知道什么工具适合用于这个目的.

我一直在考虑Photoshop和Illustrator，因为据说它能够创建基于矢量的图形，可以很容易地缩放和重用。然而，Photoshop被认为是一个行业标准，所有必要的网页设计都可以用它来完成。

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

Answer 1

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

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

然而，您必须获得一些基本知识的笔工具，形状工具，在插图，路径查找器，网格工具和梯度工具开始之前。