我是一个中等能力的Web开发人员。我可以将东西放到想要的地方，如果需要，可以在其中放一些JQuery东西。但是，如果我要创建自己的网站（我将开始这样做），我将不知道如何设计它。如果有人坐在我旁边指向屏幕，然后说“在那儿放图片，在那儿发短信”，我可以很容易地做到这一点。但是，用我选择的颜色和文字来设计自己的网站似乎就像一个小孩发明了它。

有谁知道我可以浏览的任何网站/书籍，或者有没有人获得有关非幼儿网页设计基础的提示？

您有几件事要做。

提示：

学习使用Photoshop。（特别是，图层样式非常好。请注意，它们可能很难在CSS2中重新实现）。

查看专业设计的网站。您去过哪些网站，看上去很棒？

寻找困扰您的网站，并考虑可以做得更好的网站。还要看产品广告。食品包装。报纸广告。随便你

另外，一旦您掌握了窍门，那就练习，练习，练习吧。图形需要一段时间才能发展为一项技能，特别是需要考虑编码的程序员。（渐变色与“可缩放性”）

工具：

（Photoshop是个人最喜欢的工具。Paint.NET是Windows的不错选择，但功能却不那么强大。）

内森·史密斯（Nathan Smith）的960网格系统。它具有许多主流图形程序的模板。看看这个。

参考文献：

查看其中一些站点：（我已经看过更多了，在遇到它们时，我会尝试添加）

• 一份清单
• 约翰·麦凯恩
• BarackObama.com
• Hayon2010.com（好的，我做了这个，但是我觉得很好。编辑：我也希望对此发表评论。;-D）

实践方面

肯定有一些实用的分步设计方面的知识很重要。并非所有事物都是主观的。

   •Web设计教程：http : //webdesign.tutsplus.com/

   •Photoshop教程：http : //psd.tutsplus.com/

   •大量教程：Lynda

灵感

   •网站：无与伦比的风格

   •网站：Abduzeedo

   •书籍：在线成功指南

   •网站：Smashing Magazine

设计技巧

一般设计

   •书籍：平面设计：新基础

   •书籍：平面设计，参考

   •PDF：四大：对比，重复，对齐，接近

版式

   •书籍：思考式

   •书籍：印刷风格的要素

   •文章：http : //en.wikipedia.org/wiki/Typography

   •文章：http : //www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

布局

   •书籍：布局工作簿

颜色

   •书籍：色彩设计工作簿

   •书籍：色彩和谐工作簿

设计哲学

“最愚蠢的错误是将设计视为您在过程结束时要做的事情，以“整理”混乱，而不是将其理解为“一日之交”的问题，并且是一切的一部分。” -汤姆·彼得斯

“良好的设计可以使用户满意，制造商不受限制，美观。” -雷蒙德·洛维（Raymond Loewy）

“真正的优雅设计将一流的功能融入了简单，整洁的形式。” -戴维·刘易斯

“好的设计就是好的生意。” -小托马斯·沃森

更多报价

这可能有点不合时宜，但我记得杰夫·阿特伍德（Jeff Atwood）强烈推荐这本书《不要让我思考》。它描述了如何设计网站以获得最佳用户体验。

奥美广告：这本书涵盖了图形设计的一些基础知识以及制作任何传单，广告等的许多常识，即使它是在www时代之前编写的。

通常，浏览有关平面设计，美术，室内装饰，电影制作的书籍和杂志-有许多通用的设计原则，可以使视觉上具有吸引力的东西并使信息或其他内容具有吸引力。有点像电磁学在电子学，行星科学，化学，核能和其他物理与工程领域是常见的。

在这一领域的另一本好书是《日常事物的设计》。 它涵盖了许多实用的想法，例如偏爱通过利用人们自然地对待新事物的方式使其易于使用的设计。我认为，这本书不是专门针对UI或Web设计的，但确实涵盖了这一点。

书中一个较早的例子是门。他谈到了在一侧带有旋钮或把手和可见铰链的门是如何直观的，因为您知道通过推或拉该侧将打开的门。带有隐藏式铰链的花式门，整个门上的推杆或居中的旋钮非常棘手，并且需要一段时间的试验，因为它们的操作不直观。

我认为在设计中不可估量的一种工具是Color Scheme Designer。我通常会选择一种我想作为设计基础的颜色，然后使用“模拟”方案获得一组不错的匹配颜色。对我来说，正确设置颜色是最糟糕的部分，因此在此之后，剩下的只是获得一个不错的布局并应用有限的调色板。