Ruby on rails 对于程序员来说，有什么插件、框架或工具可以让网页变得漂亮吗？

我是一名程序员，我可以建立一个网站，但网页看起来很难看。我不知道如何选择颜色，如何设计图标。建立一个简单的网站花费了我几个小时，但试图使其美观却要花费我几天的时间

我不希望它像那些著名的网站一样好，但我希望它干净，所有的页面都有相同的风格

谢谢你的帮助

---

更新

对于图标，我知道有一个很好的网站

我还下载了一些工具，比如“配色方案设计师”，我甚至知道如何使用“Photoshop/Fireworks”，我读过一些关于设计的书。但是，我发现我缺乏艺术家的精神，我设计的网页总是不够好

我要找的是类似于see its的东西，它定义了一些具有良好样式的常见小部件。我希望能在rails中找到一些类似的插件或工具

---

更新

我刚刚试过，发现“浅色页面示例”和“深色页面示例”非常有用。谢谢大家!

---

更新

这个网站非常有用：

对于配色方案，是一个很好的资源

---

对于图标，有太多的资源，所以说“搜索你正在寻找的东西”真的很容易——在谷歌上搜索“免费图标集”之类的东西通常可以很快找到很多有希望的线索。

正如我不得不找出的艰难之路——在某个时候，我们（开发人员）必须学习一些关于网页设计的知识。我不认为有任何工具可以自动实现这一魔法，但有一些很棒的书籍专门针对那些在设计中苦苦挣扎的程序员——我可以衷心推荐。关于开发人员常见的设计错误，也有这样的问题。

外观的关键点就像编程UI。在每个html元素中使用id和class标记封装like元素。一旦你在页面之间有了一致的内容布局，你就可以使用简单的css代码来使事情看起来很好。为您的web页面制定UI规范通常会有所帮助

例如，

标记将始终包含大小为10的Arial字体。如果没有悬停（#3ee）或单击（#fff），则所有链接都将是#e33。页面的背景将始终为#eee。颜色、边距、字体和边框都属于此类规范，但不是必需的。您可以使用的一个技巧是找到一个内容管理框架，如drupal或dotnetnuke，检查每个框架的一些主题，并从中借用和窃取代码以满足您的需要

哦，当然，在每个生成页面的顶部放置样式表附件调用：

<link href="your_stylesheet.css" rel="stylesheet"/>

或将所有样式声明放置在生成器中，以在

<style>
  body{
    font-face: Arial;
  }
</style>

身体{
字体：Arial；
}

---

如果你对某种工具的外观和感觉感到满意（我使用Jira，但你可能使用campfire），那么看看他们是如何做到的，并复制和粘贴他们使用的样式。当您使用的web文档与您使用的其他系统相匹配时，您会发现使用自己的web文档更容易。

@Freewind，我对您的回答是，与图形设计师合作比成为一名万事通要好得多。你应该专注于你的技术技能，而你的伴侣则专注于创造性。为什么？因为从科学上讲，我们的大脑功能不同——逻辑上是在你的左脑，而创造力是在你的右脑。在正常情况下，你不会同时拥有这两种天赋。你也可以向你的伴侣学习一些简单的金科玉律，这些金科玉律会让你“扬长而去”

---

当然，这不应阻止你学习一些设计基础知识，但正如我所说，你需要一段时间才能成为一名多才多艺的全能者。

Helvetica，请不要Arial。）@琥珀色我喜欢！Arial往往过于狭窄。我有这个作为我的字体家族的选择-Verdana，Helvetica，Arial，无衬线在上面的顺序。对于印刷形式，我更喜欢塔荷马作为第一选择。呵呵，这是一个例子，但是Helvetica，从来没有Arial。最近我喜欢摩纳哥，不知道为什么。Verdana也非常适合网络阅读。我想我想说的是：“请上帝不要时代新罗马！”谢谢你的回答。那篇文章很有趣：）我也会找到那本书的。谢谢你我经常想，如果我有一个懂图形设计的女朋友，那一定很棒：）不幸的是，我可以从我的朋友那里找到一些好的程序员，但不是一个好的设计师。我不得不说，做一个好的设计师比一个普通的程序员更难。所以，我必须同时做到这两个：（我必须说，“配色方案设计师”的“页面示例”太棒了！+1对于配色方案设计师来说，非常简洁。还建议使用css框架，我更喜欢blueprintcss，也有很好的排版。