有什么技术资源可以用来学习如何设计漂亮的web界面？

Question

我知道基本到中级水平的CSS和Javascript / jQuery。然而，我对Photoshop一无所知。我想学习如何从头开始设计漂亮的网站。这包括创建背景图像，然后使用CSS和jQuery来提供漂亮的用户界面/用户体验。有没有好的资源可以帮助我的设计技能更上一层楼？

Answer 1

作为一个设计者的改进

我认为成为一个好的程序员有很多非常相似的步骤：

• 阅读关于艺术和设计原则的基础书籍，不一定与网页设计相关(即学习线条、颜色、形式、元素的平衡)。上美术课(绘画、素描等)不会有什么坏处。
• 找到一个真正的项目，在那里你可以把网页设计搞得团团转，最好是给真正的客户，因为与客户谈判是一半的艺术-网页设计既是一种艺术追求，也是一项人的工作。
• 阅读致力于网页设计(以及总体设计)的网站，以了解最新的网页设计词汇，并让inspired.
• learn了解现代网页设计的词汇(模型、情感板、设计瓷砖和你喜欢的设计，并尝试自己创建它们。研究achieved.
• meet其他设计师的效果，并分享技巧和技巧。
• 对你的设计持批评态度，寻求诚实的反馈。从容不迫地接受批评，尽可能诚实地面对自己需要改进的地方。

作为交互设计师/前端开发人员的改进

关于CSS，一本将你的技能从基础/中级提升到高级中级(并理解其中涉及的原理)的好书是Andy Budd的CSS Mastery。

jQuery in Action也是一本关于jQuery的好书。道格拉斯·克罗克福德的JavaScript: the Good Parts为JavaScript带来报道。

为了理解交互设计，Jared Spool是众所周知的。

作为一个全面的CSS/JS开发人员，需要改进的其他优秀资源：

• Smashing Magazine
• nettuts
• Six Revisions
• SitePoint
• Many more listed here

Answer 2

http://www.w3schools.com/css/
http://sass-lang.com/
http://psd.tutsplus.com/

可能还想扩展一下已有的组件。我是EXTJS http://www.sencha.com/products/extjs/examples/的铁杆粉丝，他们有一个开源项目的社区版