如何设计网站的用户界面?

时间:2012-07-05 09:58:53

标签: asp.net user-interface

我更像是服务器端程序员,所以请耐心等待。网站的用户界面究竟是如何设计的?我的意思是通常使用哪些工具?可以说比如stackoverflow.com,它有很多动态内容。各个领域的设计如何?我很确定它不在Visual Studio中。可能服务器端代码在asp.net中,但实际的用户界面呢? (布局,图像,表格,按钮等)

此类活动的常用工作流程是什么?说,我在纸上有一个设计。我从哪里去?在界面设计完成后如何连接代码?

你如何处理这样一个事实:在一个页面中,一些东西是静态的,一些区域是动态的? (就像我现在的提问页面一样)

2 个答案:

答案 0 :(得分:0)

纸张设计是第一个正确的步骤。

如何继续:
您可以从http://960.gs/获取960网格系统并从此开始。这是一个很好的技巧,可以使用css模板,你可以在它们的基础上构建你的设计。

图像效果:
阴影和边框等认为你问的通常是在Photoshop上制作,但现在新的浏览器支持其中许多使用css。例如:http://css-tricks.com/snippets/css/css-box-shadow/

可以帮助设计的软件:
  - MS Expression
  - DreamWeaver

答案 1 :(得分:0)

正如你所说,归结为网页的要求。

对于专业(相当大的)网站,许多团队都参与其中,例如,创意团队负责文书工作和UI元素和控件的设计,图形团队实际设计图像,UI开发人员用于正确放置内容和CSS ,建筑师决定各种项目的性能(并调用控件的静态/动态性质)

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

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