当前位置:首页 > 知识库 > 正文
龙哥云资源网

web界面设计工具的使用(frontpage制作网页教程)

在CS大行其道的时候,各种各样的工具都是CS的模样,因为在当时人们的眼中唯有这样才是王道,这一切到后来的浏览器的流行才得以改变。于是乎,越来越多的应用搬到的网页即Web之上,但是受制于早期的设计,我们很多的数据可视化BI工具只是将最终呈现放到了web之上,而设计还是放在线上,采用单机软件设计器进行设计。这种设计,无法说其好与坏,但是起码没有都在web上来得自在。

web界面设计工具的使用(frontpage制作网页教程)  第1张

其实通过这种前后端的设计,客户端的设计器就可以贴切的将国内的数据可视化BI工具进行分类。像帆软、润乾等,目前全部支持在线web展示,但是绝大部分的模板设计器等还是采用客户端的设计,设计好后发布到服务器上,这种多年没有啥变化的,我们称之为旧势力。而我们今天要谈及的前后端完全一体化的设计,即设计器啥的都Web化的,我们称之为新势力!新旧势力都有其强项也有其弱项,这个我们就不做具体的比较了。今天主要说的就是新势力,因为新势力毕竟代表着全新的技术,全新的理念。

web界面设计工具的使用(frontpage制作网页教程)  第2张

那么新势力中都包含哪些典型厂商和产品呢?这个目前主要是阿里巴巴和蛛网时代,对应的产品分别是DataV、QuickBI和云蛛系统的DataView、AutoBI。这些产品都将设计器之类的搬到了Web之上,用户只有能上网,有浏览器,就可以随时随地的进行编辑,进行工作,这个确实是非常符合当前的大趋势,不过这两款产品之间的差异还是存在的。

web界面设计工具的使用(frontpage制作网页教程)  第3张

我们先看一下阿里的产品,阿里的产品很炫酷,基本上相当于把过去客户端的设计器完完全全的搬到了Web上,这个很酷,也很拽。方便用户的同时也方便了产品的集成。用户可以很方便的从过去的后端客户端设计器设计、发布等思维平滑的过渡过来,没有丝毫的困难。不过凡事有利就有弊,越方便的工具也就意味着,用户可发挥性就是越差,在这里用户只能换个图片之类的,不过这是个仁者见仁智者见智的问题,在此不做评价。

web界面设计工具的使用(frontpage制作网页教程)  第4张

接着我们再来看看蛛网时代的云蛛系统。这个产品和我们以前见过的任何产品设计思维和理念都完全不一致,这个产品没有前后端的概念,是通过账号来进行区分的,管理员账号可以对页面内的组件进行编辑。没有像阿里DataV或者QuickBI那种全局的设计器,相反,设计器集成在每个组件之中,每个组件都可以打开其自己的设计器,从而针对组件进行设计。页面局部也支持百分比又或者像素级拖拽。所有的修改摆放,都是所见即所得的,组件大小位置等等,全部拖拽化,不合适直接拖拽修改,从而将效率进行了最大化。这种“奇葩”的设计,确实很挑战人们的传统理念,不过也确实得以于这种设计,开发的速度得以几何级别的提升。

web界面设计工具的使用(frontpage制作网页教程)  第5张

蛛网时代的设计确实挺绝的。如果觉得哪里不合适,又或者位置不合适,直接就可以修改拖拽,这个实在太反人类了,太高效了。而且这款工具的另一特色就是,页面的布局以及模板样式主题皮肤等等,全部交由客户自己来设计。这个相比于只能换换图片之类的,作用就大发了。拿主题皮肤来说,就跟过去一样,只要用户设计出静态页面,就可以直接套在云蛛系统之上。下面这个图充分说明了这些:

web界面设计工具的使用(frontpage制作网页教程)  第6张

云蛛系统就像一个人,提供的是功能化的应用以及整体框架,同时主题皮肤等接口对用户开放。用户想让云蛛系统以什么样的面貌示人,就可以做什么样的衣服,就是我们以前做的静态页面,然后给云蛛系统穿上,云蛛系统就可以变成什么样的气质。这个看似很平常的设计,在当今,可是解决了用户的大问题了,这样用户想怎么设计外貌就怎么设计外貌以及布局,毕竟颜值还是很重要的。

web界面设计工具的使用(frontpage制作网页教程)  第7张

以上就是我们为您罗列的数据可视化BI工具,具体的可以登陆相关产品网站去了解,小编在这里也只是抛砖引玉一下而已。

发表评论