您如何学习设计漂亮的网站？ [关闭

Question

我是一个功能中适中的Web开发人员。如果需要，我可以将东西放在想要去的地方，并在其中放一些jQuery的东西。但是，如果我正在建立自己的网站（我开始这样做），我不知道如何设计它。如果有人坐在我旁边的一个点上，说“把这张照片放在那儿，在那里发短信”，我可以很容易地做到这一点。但是，使用我的颜色和文本选择自己的网站看起来像是一个蹒跚学步的人发明的。

有谁知道我可以看的任何网站/书籍，或者有人有任何有关非toddler网页设计基础知识的提示？

Answer 1

您有几件事要做。

提示：

学习使用Photoshop。 （特别是，层样式非常好。只需注意，在CSS2中，它们可能很难重新实现），这对于制作良好的模型有很长的路要走。

查看专业设计的网站。您去过哪些网站对您来说很好？

找到困扰您的网站，并考虑什么可以使它变得更好。还要查看产品广告。食品包装。报纸广告。你命名。

另外，一旦您开始掌握它，练习，练习，练习。图形需要一些时间来发展作为一种技能，尤其是来自具有编码的程序员。 （梯度与“润滑性”）

工具：

（Photoshop是个人的最爱。 paint.net 是一个很好的窗户替代品，但不太强大。）

内森·史密斯（Nathan Smith）的 960网格系统. 。它具有许多主流图形程序的模板。一探究竟。

参考：

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

• 列表
• 约翰·麦凯恩
• barackobama.com
• hayon2010.com （好吧，我做了这个，但我认为这很好。 编辑： 我也很感谢它的评论。 ; d）

Answer 2

实用的一面

设计肯定有一些实用的逐步学习。并非一切都是主观的。

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

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

•大量教程： 林达

灵感

• 网站： 无与伦比的样式

• 网站： 阿卜杜齐多

• 书： 在线成功指南

• 网站： 粉碎杂志

设计技能

一般设计

• 书： 图形设计：新基础知识

• 书： 图形设计，引用

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

排版

• 书： 用类型思考

• 书： 印刷样式的元素

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

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

布局

• 书： 布局工作簿

颜色

• 书： 颜色设计工作簿

• 书： 颜色和谐工作簿

设计哲学

“最愚蠢的错误是将设计视为您在过程结束时要做的事情，以“整理”混乱，而不是理解这是“一天”的问题，也是一切的一部分。” -tom彼得斯

 

“良好的设计使用户使用户满意，黑色的制造商和审美无罪。” -Raymond Loewy

 

“真正的优雅设计将一流的功能融合到简单，整洁的形式中。” -David Lewis

“好的设计是好事。” -Thomas J. Watson Jr.

更多报价

Answer 3

这可能是有点脱离话题的，但我确实记得杰夫·阿特伍德（Jeff Atwood）强烈推荐这本书 不要让我想. 。它描述了如何设计网站以获得最佳用户体验。

Answer 4

广告上的Ogilvy：本书涵盖了制作任何形式的传单，广告等方面的一些基础知识以及许多常识。

更一般而言，浏览有关图形设计，美术，室内装饰，电影制作的书籍和杂志 - 有许多常见的设计原则，可以使视觉上有吸引力，并使信息或其他内容具有吸引力。类似于电子，行星科学，化学，核和其他物理和工程领域的电磁性如何共同。

Answer 5

这个空间中的另一本好书将是 每日事物的设计。 它涵盖了许多实用的想法，例如偏爱设计，通过利用人们自然而然地接近新事物的方式来轻松使用。我相信这本书不是专门关于UI或Web设计的，但确实涵盖了一些内容。

书中的一个早期例子是门。他谈论的是如何用旋钮或一侧的旋钮门和可见的铰链直观，因为您知道门会通过推上或拉动那边打开门。花哨的门带有隐藏的铰链，整个门上的推杆或居中的旋钮很棘手，需要进行片刻的实验，因为它们的操作不是直观的。

Answer 6

我在设计中发现的一种工具是 配色方案设计师. 。我通常会选择一种我想以设计为基础的颜色，然后使用“类似”方案来获得一系列匹配的颜色。对我来说，正确的颜色是最糟糕的部分，因此之后，其余的只是一个不错的布局并应用有限的颜色调色板。