我想在我的网络应用程序中创建一个像Gmail的收件箱页面这样的用户界面（重点是它列出消息并显示它们的方式），但不知道它是如何设计的。
我以前从未设计过专业的网页用户界面，所以如果你以最简单的方式引导我，我会很高兴。
（我的应用程序是用Java编写的，顺便说一下我使用的是play框架）
答案 0 :(得分：6)
如果你想要一些像gmail那样活泼和富有的东西，那么你很可能会觉得使用某种Javascript和CSS组合感觉很舒服。
看起来gmail应用程序大量使用AJAX，所以要准备好了解并至少学习这项技术的基础知识。
我想说一本好书或者对以下一种或多种技术进行更多的研究：
如果您之前没有真正使用过Web UI，我建议您先降低标准。创建像gmail一样丰富和功能的东西对于新手Web开发人员来说是一项艰巨的任务。
答案 1 :(得分：1)
如果你想要像gmail这样的东西并且不想搞乱html，javascript，ajax ...我认为最简单快捷的方法是你看看GWT：http://code.google.com/webtoolkit/
这是一个直接在java中设计前端的工具，它可以编译成带有浏览器兼容性所有黑客的javascript。
有一个播放模块可以将gwt集成到您的应用程序中：http://www.playframework.org/modules/gwt
答案 2 :(得分：0)
看看KnockoutJS。
其中一个教程专门构建了一个GMail风格的应用程序，我知道已经使用前端的Knockout构建了一些Play应用程序。
我相信如果你需要更多的支持，Felipe Oliveira有关于使用Knockout和Play的教程和博客。
答案 3 :(得分：0)
关于基本设计，我想你会看到使用Play！几乎完全作为基于JavaScript的客户端接口代码的（可能是RESTful）服务提供程序。我的意思是，大多数控制器实际上都会呈现JSON（或其他一些格式，无论您喜欢什么）来提供客户端UI组件。这很好，因为Play中使用的路由配置！完全符合这种模式。
要构建实际的UI，您可能需要查看JavaScript UI框架，例如jQuery UI或Ext JS。您必须使用JavaScript框架构建UI，并让组件调用您的Play！框架控制器用于读取，创建和更新数据的操作。
答案 4 :(得分：0)
这不是在java中设计的，它在php中但至少你会有所了解。 http://www.amitpatil.me/demos/gmail-look-and-feel-html5-history-api-hashbang