frontpage製作網頁教程「web界面設計工具的使用」

在CS大行其道的時候，各種各樣的工具都是CS的模樣，因為在當時人們的眼中唯有這樣才是王道，這一切到後來的瀏覽器的流行才得以改變。於是乎，越來越多的應用搬到的網頁即Web之上，但是受制於早期的設計，我們很多的數據可視化BI工具只是將最終呈現放到了web之上，而設計還是放在線上，採用單機軟體設計器進行設計。這種設計，無法說其好與壞，但是起碼沒有都在web上來得自在。

其實通過這種前後端的設計，客戶端的設計器就可以貼切的將國內的數據可視化BI工具進行分類。像帆軟、潤乾等，目前全部支持在線web展示，但是絕大部分的模板設計器等還是採用客戶端的設計，設計好後發布到伺服器上，這種多年沒有啥變化的，我們稱之為舊勢力。而我們今天要談及的前後端完全一體化的設計，即設計器啥的都Web化的，我們稱之為新勢力！新舊勢力都有其強項也有其弱項，這個我們就不做具體的比較了。今天主要說的就是新勢力，因為新勢力畢竟代表著全新的技術，全新的理念。

那麼新勢力中都包含哪些典型廠商和產品呢？這個目前主要是阿里巴巴和蛛網時代，對應的產品分別是DataV、QuickBI和雲蛛系統的DataView、AutoBI。這些產品都將設計器之類的搬到了Web之上，用戶只有能上網，有瀏覽器，就可以隨時隨地的進行編輯，進行工作，這個確實是非常符合當前的大趨勢，不過這兩款產品之間的差異還是存在的。

我們先看一下阿里的產品，阿里的產品很炫酷，基本上相當於把過去客戶端的設計器完完全全的搬到了Web上，這個很酷，也很拽。方便用戶的同時也方便了產品的集成。用戶可以很方便的從過去的後端客戶端設計器設計、發布等思維平滑的過渡過來，沒有絲毫的困難。不過凡事有利就有弊，越方便的工具也就意味著，用戶可發揮性就是越差，在這裡用戶只能換個圖片之類的，不過這是個仁者見仁智者見智的問題，在此不做評價。

接著我們再來看看蛛網時代的雲蛛系統。這個產品和我們以前見過的任何產品設計思維和理念都完全不一致，這個產品沒有前後端的概念，是通過賬號來進行區分的，管理員賬號可以對頁面內的組件進行編輯。沒有像阿里DataV或者QuickBI那種全局的設計器，相反，設計器集成在每個組件之中，每個組件都可以打開其自己的設計器，從而針對組件進行設計。頁面局部也支持百分比又或者像素級拖拽。所有的修改擺放，都是所見即所得的，組件大小位置等等，全部拖拽化，不合適直接拖拽修改，從而將效率進行了最大化。這種「奇葩」的設計，確實很挑戰人們的傳統理念，不過也確實得以於這種設計，開發的速度得以幾何級別的提升。

蛛網時代的設計確實挺絕的。如果覺得哪裡不合適，又或者位置不合適，直接就可以修改拖拽，這個實在太反人類了，太高效了。而且這款工具的另一特色就是，頁面的布局以及模板樣式主題皮膚等等，全部交由客戶自己來設計。這個相比於只能換換圖片之類的，作用就大發了。拿主題皮膚來說，就跟過去一樣，只要用戶設計出靜態頁面，就可以直接套在雲蛛系統之上。下面這個圖充分說明了這些：

雲蛛系統就像一個人，提供的是功能化的應用以及整體框架，同時主題皮膚等介面對用戶開放。用戶想讓雲蛛系統以什麼樣的面貌示人，就可以做什麼樣的衣服，就是我們以前做的靜態頁面，然後給雲蛛系統穿上，雲蛛系統就可以變成什麼樣的氣質。這個看似很平常的設計，在當今，可是解決了用戶的大問題了，這樣用戶想怎麼設計外貌就怎麼設計外貌以及布局，畢竟顏值還是很重要的。