有哪些技术资源可用于学习如何设计漂亮的 Web 界面？ [关闭]

Question

我了解基本到中级的 CSS 和 Javascript / jQuery。但是，我对 Photoshop 不感兴趣。我想学习如何从头开始设计漂亮的网站。这包括创建背景图像，然后使用 CSS 和 jQuery 提供漂亮的用户界面/用户体验。是否有很好的资源可以帮助我将设计技能提升到一个新的水平？

Answer 1

作为设计师的进步

我认为成为一名优秀的程序员会有许多非常相似的步骤：

• 阅读有关艺术和设计原理的基础书籍，不一定与网页设计相关（即了解线条、颜色、形式、元素平衡）。上艺术课（绘画、素描等）不会有什么坏处。
• 找到一个真正的项目，您可以在其中尽情享受网页设计汤，最好是为真正的客户服务，因为与客户谈判是艺术的一半 - 网页设计既是一种艺术追求，也是一种人的工作。
• 阅读专门用于网页设计（以及一般设计）的网站，了解最新动态并获得灵感。
• 学习现代网页设计的词汇（模型、情绪板、设计图块等）
• 不断练习。
• 找到您喜欢的设计并尝试自己创建它们，研究效果是如何实现的。
• 结识其他设计师并分享技巧和窍门。
• 对您的设计持批评态度，寻求诚实的反馈。坦然接受批评，尽可能诚实地告诉自己需要改进的地方。

提升为交互设计师/前端开发人员

关于 CSS，Andy Budd 的 CSS Mastery 是一本让您的技能从基础/中级到高级（并理解所涉及的原则）的好书。

jQuery in Action 是一本同样出色的关于 jQuery 的书。对于 JavaScript，Douglas Crockford 的 JavaScript: the Good Parts。

为了理解交互设计，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/ 他们有一个开源项目的社区版