如何在PhotoShop等中创建出色的界面


8

作为一名希望成为设计师的开发人员,我对学习如何为网站,移动应用程序等创建一流的UI真的很感兴趣。但是,除了HTML和CSS外,我对PhotoShop或与设计相关的一切一无所知。

我应该从哪里开始?我如何学习如何创建设计精美的网站和界面?

是否有您推荐的书,教程等?

谢谢!

Answers:


4

对于UI,我建议在Photoshop上使用Fireworks。Photoshop非常适合创作和复杂的艺术品(印刷品或Web),但我认为这是与Web相关的UI过于复杂的工具。

Fireworks特别设计为面向Web的创作工具,而Photoshop则不是。Fireworks的工具集旨在构建Web UI,而不是Photoshop提供的复杂创意工作。

Fireworks使用了与Photoshop非常相似的工具集(减去了膨胀),因此您可以执行创建Web UI所需的一切。

Fireworks也是Adobe Creative Suite的一部分,因此,如果您具有Photoshop,则也应该具有它。

参考资料,不是特定于Fireworks,而是一般的UI;

http://www.jankoatwarpspeed.com/

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

可通过在线教程找到如何使用该应用程序。Envato拥有一个很棒的教程网络http://tutsplus.com/,尽管他们的主要Web教程网站都是面向Photoshop的,但是他们在Photoshop中所做的大部分工作都是在Fireworks中以相同或相似的方法完成的。

我还发现自己经常将具有独特设计特征或UI元素的站点添加为书签,这些站点在某些将来的情况下将很适合项目。例如,独特的标签结构,手风琴样式,甚至是寻呼机。

基本级别的设计UI细分为数据显示区域。由于您具有开发人员背景,因此您知道如何从逻辑角度(菜单,手风琴,选项卡等)呈现数据。现在,实际上只是从视觉角度使用这些控件或模块来构建UI。

关于UX的其他一些阅读:

http://uxmovement.com/

同样具有开发人员背景,我可以告诉您,在构建应用程序时,第一步是创建UI,该UI进而定义了应用程序的功能。我创建的艺术品既是应用程序的艺术价值,也是功能的定义。我总是围绕完成的艺术品建立自己的逻辑,而从不反过来。这总是意味着我把用户放在第一位。

我希望这至少为您提供一个起点。


1

你真幸运。很多人进入Web设计领域时都提出了同样的问题。通常,您会看到一个由至少一名编码人员和一名平面设计师组成的团队。Photoshop的不错选择-这就是我坚持的目标。

使用Adobe Photoshop的最新版本CS5,它已经变得非常先进-能够使用简单的工具执行复杂的任务,甚至可以使用复杂的工具执行更复杂的任务。但我警告您,学习Photoshop的所有出色功能可能会导致缺乏营养。:)

是一个涵盖基础知识的教程,因此您可以掌握一些东西:

一旦你得到所有的下来, 发现了 一个 一大堆网站有一些真正的创新设计教程谷歌。

您可能需要学习一些技巧。如今,小费,有光泽通常是不错的选择。要获得真正独特的设计,请从任何网站模板中找到所需的功能,然后以自己的方式使用它。

希望对您有所帮助。如果您需要更多信息,请发表评论。


谢谢。一个问题:“发光”是什么意思?谢谢
唐纳德

使事物看起来更光亮-按钮,导航栏,标题等。boonage.pjss2.net/2007/
Christopher
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.