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

2024年11月20日 06:12:00 • 投稿 • 阅读 27

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

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

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

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

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

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

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

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

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

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

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

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

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

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