jquery ui - ui设计的web应用程序



我计划创建一个基于java, jsp和struts的web应用程序。我已经概述了需求和功能应该如何工作以及目标用户将是谁。尽管我对这个应用程序非常兴奋,但我不确定我应该如何为它创建一个好的UI设计。

我是否应该将css作为设计UI的常用方法,这将是一项乏味的任务,将css映射到所有元素/标签。还有别的办法吗?我是新手,这将是我的第一个项目,我已经计划了很长时间。

在设计方面,我应该使用哪些技术来实现这一点?

注意:我还想保持我的应用程序轻量级,而不是使用flash内容和其他类型

我建议使用Bootstrap: http://getbootstrap.com/

该库将允许您构建一些漂亮的用户界面,而不必自己处理太多的CSS或HTML。

试图滚动你自己的CSS和HTML只是自找痛苦。使用这样的框架,跨浏览器支持会简单得多(几乎是免费的)。

Bootstrap可以很容易地与JSP配对,因为您只需使网页输出为Bootstrap格式。基本上使用它定义的CSS类。例如:

<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">Success</button>
<!-- Contextual button for informational alert messages -->
<button type="button" class="btn btn-info">Info</button>
<!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">Warning</button>
<!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">Danger</button>

它们有类似的类用于布局和各种其他小部件

我将采用Jon的方法。当你选择一个CSS框架时,考虑一下平台(桌面、标签和移动),然后选择合适的。

http://webdesignlike.com/2015/best-free-responsive-html5-frameworks/

http://www.cssnewbie.com/best-free-css3-frameworks-2015/.VVooCfxVhBc

http://devzum.com/2014/11/20/best-html-css-frameworks/

浏览这些链接,它会给你一个更好的主意。

相关内容

  • 没有找到相关文章

最新更新