如何在PhotoShop中创建优秀的接口等等

Question

作为一名想成为设计师的开发人员，我真的很有兴趣学习如何为网站、移动应用等创建一流的UI。然而，除了HTML和CSS之外，我对PhotoShop或任何与设计相关的东西一无所知。

我该从哪里开始？我如何学习如何创建美丽的设计网站和interfaceS？

有你推荐的书、教程等吗？

谢谢!

Answer 1

对于UI，我建议在Photoshop上使用烟花。Photoshop是伟大的创造性和复杂的艺术作品(打印或网页)，但在我看来，一个过于复杂的工具，网页相关的UI。

烟花是专门设计为一个面向网络的创作工具，而Photoshop不是。烟花的工具集是面向构建网络用户界面的，而不是Photoshop提供的复杂的创造性工作。

烟花使用一个非常类似的工具集Photoshop，除去膨胀，所以你可以做一切你需要创建网络用户界面。

烟花也是的一部分，所以如果你有Photoshop，你也应该拥有它。

参考资料，不是专用于烟花，而是一般UI；

http://www.jankoatwarpspeed.com/

我强烈建议阅读他的文章，并从他的作品中寻找灵感。他很好地介绍了UI的两个方面:界面和使用界面的经验。也称为UI和UX。

学习如何使用应用程序可以通过在线教程找到。Envato有一个很棒的教程网络http://tutsplus.com/，允许他们的主要网站是面向Photoshop的，但是他们在Photoshop中所做的大部分工作都是用同样的或类似的方法在烟花中完成的。

我还发现自己经常会对具有独特设计特征或UI元素的书签站点进行书签，在未来的一些场景中，这些内容对项目很有帮助。例如，一个独特的标签结构，手风琴风格，甚至一个寻呼机。

设计UI的基本层次是细分为区域的数据显示。因为您有开发人员背景，所以您知道如何从逻辑角度(菜单、手风琴、制表符等)显示数据。现在，它实际上只是从视觉角度使用这些控件或模块来构建UI。

关于用户体验的一些补充解读：

http://uxmovement.com/

有了开发人员的背景，我可以告诉您，当我构建我的应用程序时，第一步是创建UI，这反过来定义了应用程序的功能。我创作的艺术品既是应用程序的艺术价值，也是它的功能定义。我总是把我的逻辑建立在完成的艺术品上，而不是反过来。这意味着我总是把用户放在第一位。

我希望这至少给你一个起点。

Answer 2

你很幸运。许多人来到Web设计的世界，提出了同样的问题。很多时候，你会看到一个由至少一个编码器和一个平面设计师组成的团队。很好的选择与Photoshop -这是我坚持。

有了的最新版本CS5，它已经变得非常先进--能够用简单的工具执行复杂的任务，或者使用复杂的工具执行更复杂的任务。但是我警告你，学习Photoshop的所有酷特性会导致缺乏营养。:)

这里是一个教程，它涵盖了一些基本知识，这样您就可以得到一些东西的摆动：

一旦你把这些都弄下来，谷歌上的我 找到 一个 束束 of 站点就会有一些真正创新的设计教程。

有些技巧你可能需要学习。这几天，闪亮的小费通常是很好的一步。要获得真正独特的设计，从任何网站模板中找到您喜欢的功能，然后以您自己的方式使用它。

我希望这能帮上忙。如果需要更多信息，请留下评论。