我本质上是一名程序员（业余爱好者，但希望将其发展成职业），因此当被要求设计网站时，我感到有些不知所措（我的大多数应用程序没有漂亮的用户界面，只是因为我是唯一使用它们的人）。我一直在研究如何设计我的网站，并开始思考你们是如何决定的。
你们能给我什么指导方针？我在开始编码之前应该考虑什么？
8个回答
8
要在一个回答中概括整个UI设计领域是相当困难的。
让最常见的任务变得最容易。找出人们想要做什么，并尽可能直观和简单地实现。 不要让他们思考。
制作模型和原型。观察人们尝试使用它们（观察，不要帮助他们），并修复他们发现笨拙的问题。你第一次尝试的设计不是正确的，不要过于反对扔掉它。
这个领域真的很大，很难向任何人解释清楚。设计与编程一样复杂，但许多程序员似乎认为它只是一个附加项。尝试一些创造性的搜索设计原则，特别是它们如何应用于网络。查看您认为设计良好的网站，并尝试弄清楚为什么它们让你感觉到这样。
- Chad Birch
2
3谢谢推荐好书，点赞！ - Russ Cam
2设计和编程几乎是完全不同的学科。如下面一些答案所述，如果你不是像“客户”需要的那样熟练的设计师，请寻求帮助。关于设计原则等方面的大量文章，请查看http://www.smashingmagazine.com，这是设计社区的一个很好的资源。 - anonymous coward
7
阅读，阅读，再阅读！
最好的方法是学习设计技巧和编码实践！
设计网站：
编码网站（注重设计）：
以上所有答案都很好！我的建议是通过学习其他人（并提问）尽可能多地学习。
- Kevin Brown
3
- 首先应该尽可能做到最基本的。
- 在任何其他方面之前，考虑可用性和易于导航。
- 借鉴其他网站的例子，找出它们的弱点和优点，并将它们继承到你的解决方案中。
- 如果你因缺乏设计想象力而被阻塞，那么可以尝试简单地考虑内容占位符，即某些元素放在哪里，尝试在纸上进行草图，看看它的外观并进行评估，反复多次，你就能得到一个结果。
- 最好向别人展示你的草图并获得第二意见。
- Kostas Konstantinidis
3
设计和构建HTML/CSS是两个不同的领域。前者需要艺术技巧，后者需要深入了解HTML和CSS的工作原理以及浏览器对规则的理解方式。
如果你具备设计技能，那太好了。如果你不能满足客户的需求，可以考虑与自由职业者合作。市场上有很多自由职业者可供选择。
构建过程可以全面学习，但需要时间。如果这是你第一次将复杂的设计转化为网页，你可能需要外包这项工作。但如果你想在这个领域发展，这确实是你需要掌握的技能。
并没有什么理由阻止你完成所有工作，但你需要明白你的技能会随着时间的推移而提高，第一次完成的成果可能还有很大的改进空间。像任何事情一样，熟能生巧。
如果你具备设计技能，那太好了。如果你不能满足客户的需求，可以考虑与自由职业者合作。市场上有很多自由职业者可供选择。
构建过程可以全面学习，但需要时间。如果这是你第一次将复杂的设计转化为网页，你可能需要外包这项工作。但如果你想在这个领域发展，这确实是你需要掌握的技能。
并没有什么理由阻止你完成所有工作，但你需要明白你的技能会随着时间的推移而提高，第一次完成的成果可能还有很大的改进空间。像任何事情一样，熟能生巧。
- Oli
1
我要补充一点（因为其他人也提到了），可用性很重要，这是另一种可以学习的技能。不过，让可用的网站看起来好看要难得多。 - Oli
3
我意识到自己在网页设计方面很糟糕：我懂HTML、CSS（都相当不错），但不知道如何让页面看起来好看。因此，我使用现有的模板，并进行小的调整或定制。请参阅以下问题以获取免费模板：
https://stackoverflow.com/questions/851666/free-website-templates-royalty-free-css-html-asp-net
- Julien
2
我猜测你在处理客户相关的事务。因此，创建一个原型，尝试收集反馈，并根据反馈继续改进，始终保持对这些反馈的追踪，在最后阶段可能会非常有帮助。 在大多数情况下，设计取决于网站内容。在制作草图之前，请查看具有相同主题和上下文的网站，以便在脑海中获取一些想法。几次之后，您将获得一些技能和实际感受它应该是什么样子的能力。我的个人建议是尝试考虑清晰的设计，避免混乱，考虑可用性和功能性，在大多数情况下足够常见的功能即可。
- Artem Barger
2
我赞同这种方法，即通过研究、阅读和观察来成为一名优秀的设计师。我认为有时程序员害怕“艺术”领域，因为它太主观了，或者他们认为他们需要一些天赋。
大多数好的艺术家都非常努力地磨练自己的技艺。对于设计师来说，天生的才华大致上和对程序员而言高级数学技能一样有用。它可以在某些领域有所帮助，但并不是必需的。
看看具有类似目标的流行网站。它们如何使用视觉元素解决问题？页面上的信息如何排列，如何分解，哪些部分对网站的功能至关重要，哪些部分只是帮助提高美学呈现（或没有提高）？
虽然直接抄袭一个网站设计从来不是一件酷的事情，但借鉴技巧或想法，并用它们来创建您自己的原创设计是完全正常的。
首先制作线框图——这将允许您有效地放置页面上的信息，并考虑架构和功能，而不必担心“漂亮”的东西。然后转到一个图像模型，它是一个完整的网站版本。不要害怕放弃设计并完全重新开始。
有许多平面设计原则可以在学习过程中掌握。记住这些原则总是有好处的，但我的建议是现在只要跟随自己的直觉即可。如果你认识任何熟练的设计师，请向他们寻求反馈。设计师喜欢以友好的方式批评。
很多人会建议保持简单和直接。这是很好的建议，但请记住：简单可能非常困难。
至于在线资源，我认为Web Design From Scratch提供了很多好的建议。网络上还有无数优秀的设计帮助和灵感资源，所以请继续挖掘并订阅博客源。
祝你好运。
大多数好的艺术家都非常努力地磨练自己的技艺。对于设计师来说，天生的才华大致上和对程序员而言高级数学技能一样有用。它可以在某些领域有所帮助，但并不是必需的。
看看具有类似目标的流行网站。它们如何使用视觉元素解决问题？页面上的信息如何排列，如何分解，哪些部分对网站的功能至关重要，哪些部分只是帮助提高美学呈现（或没有提高）？
虽然直接抄袭一个网站设计从来不是一件酷的事情，但借鉴技巧或想法，并用它们来创建您自己的原创设计是完全正常的。
首先制作线框图——这将允许您有效地放置页面上的信息，并考虑架构和功能，而不必担心“漂亮”的东西。然后转到一个图像模型，它是一个完整的网站版本。不要害怕放弃设计并完全重新开始。
有许多平面设计原则可以在学习过程中掌握。记住这些原则总是有好处的，但我的建议是现在只要跟随自己的直觉即可。如果你认识任何熟练的设计师，请向他们寻求反馈。设计师喜欢以友好的方式批评。
很多人会建议保持简单和直接。这是很好的建议，但请记住：简单可能非常困难。
至于在线资源，我认为Web Design From Scratch提供了很多好的建议。网络上还有无数优秀的设计帮助和灵感资源，所以请继续挖掘并订阅博客源。
祝你好运。
- Bryan M.
1
你可能也想浏览一下Jakob Neilsen关于弹窗的文章some Alert Box articles。虽然我没有看过，但其他人对他的书也评价很高。
此外，还有很多网站可以为你生成CSS模板，一旦你决定了想要的布局类型。这为你提供了基础，之后你可以根据自己的需求进行微调。
- TheFoot
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接