网站的用户界面是如何设计的？

Question

我更多的是一个服务器端程序员，所以在这一点上请容忍我。网站的用户界面到底是如何设计的？我的意思是通常使用哪些工具？举个例子，stackoverflow.com有很多动态内容。各个区域是如何设计的？我非常确定它不在Visual studio中。服务器端代码可能是用asp.net编写的，但实际的UI又如何呢？(布局、图像、表格、按钮等)

像这样的活动通常的工作流程是什么？比方说，我有一个纸上的设计。从那里我该去哪里呢？在接口设计完成后，如何编写代码？

在页面中，一些内容是静态的，而一些区域是动态的，您如何处理这一事实？(就像我现在打开的提问页面一样)

Answer 1

论文设计是正确的第一步。

如何继续：

您可以从http://960.gs/获得960网格系统，并从这个开始。这是一个很好的技巧，已经准备好使用css模板，您可以在它们之上构建您的设计。

图像效果：

你所问的阴影和边框等通常是在Photoshop上制作的，但现在新的浏览器使用css支持它们中的许多。例如：http://css-tricks.com/snippets/css/css-box-shadow/

可以帮助设计的软件：

• MS Expression
• DreamWeaver

Answer 2

如你所说，归根结底是对网页的要求。

对于一个专业的(相当大的)网站，有许多团队参与，例如，创意团队做纸面工作和UI元素和控件的设计，图形团队实际设计图像，UI开发人员适当地放置内容和CSS，架构师决定各种项目的性能(并调用控件的静态/动态特性)

通常，设计人员使用一些外部工具来设计HTML页面，以提供模板，稍后可以在visual studio中使用这些工具来制作实际的页面。市场上有很多这样的工具，比如Dreamweaver，也有很多免费软件可以用来设计客户端和CSS内容丰富的网站。你可以在谷歌上搜索到这些。

如果您的网站要求客户端不是很丰富，您仍然可以使用visual studio或使用新的微软产品Webmatrix进行设计，它为您提供了用户友好的工具，使网站看起来非常漂亮。