雖然Web的誕生可以追溯到20世紀60年代之前,但直到1990年以后Web才開始進入應用領域。無數才華橫溢的設計師為萬維網(World Wide Web)的誕生與發展提供了源源不斷的智力支持。Web設計技術不斷進化,已經到達一個新的高度,有關Web設計的發展簡史可以參考這篇文章。技術的推陳出新需要有工具的介入,這里對近20年來流行的Web設計工具做一下簡要的總結。
1、簡單文本編輯工具。最有代表性的就是Windows下的記事本,或者是類Unix系統下的vi/vim/emacs,在上世紀90年代,當第一個Web服務器剛剛被設計出來的時候,能用文本編輯工具寫一個帶有超文本標記語言的靜態網頁已經是很了不起的事情了。雖然像記事本這樣的工具目前還在有人用,但是已經很少有人拿它當網頁設計工具了(類Unix平臺下的vi/vim/emacs卻一直擁有一大堆支持者,至今仍薪火相傳);
2、簡單UI設計工具,代表性工具是微軟的Frontpage及Macromedia公司(被Adobe收購)的網頁設計三劍客(Dreamweaver,Fireworks、Flash)。這類帶有控件的網頁設計工具曾經一直占據著網頁設計師的工作空間很多年。Frontpage后來變成了微軟的Sharepoint Designer,逐漸淡出人們的視野。網頁設計三劍客也由于后期開發無力,開始被Adobe逐漸冷落,其中的Flash由于設計邏輯的弊病,導致各種瀏覽器的抵制,目前已經走進墳墓了;
3、傻瓜式設計工具,代表性工具是國內的一款叫做“東方網頁王”的工具,這款工具剛剛誕生之時很有潛力,只需要拖拽banner、table等現成的元素即可像搭積木一樣建好網站。這款工具在電腦城的軟件銷售貨架上堅挺了好一陣子,直到2015年好像還能找到這款軟件的影子,但由于開發商后繼創新乏力,目前也很少用人在用了;
4、復雜UI設計工具,代表性工具是微軟的Visual Studio和IBM的Eclipse(后來貢獻給了開源社區),這兩者都有很強的擴展性,都可以安裝額外的插件來實現各種復雜的功能,他們的缺點就是每次編譯的速度慢,筆者曾經有過在visual studio上花費40秒的時間來等待程序編譯的過程。其實讓它們來做網頁設計都有點大材小用,設計師一般是在Dreamweaver上設計好了前端然后再到VS或者Eclipse上來進一步編譯;
5、智能UI設計工具,代表性工具是Jetbrains的Webstorm,這款工具目前有免費社區版提供。它強大的智能提示和代碼完成功能逐漸開始撼動Visual studio和eclipse的領導地位。Jetbrains旗下不止Webstorm一款工具,它還有針對C++/Python/Ruby/IOS的一系列強大的工具。已經有越來越多的人加入到Jetbrains的陣營;
6、內容管理平臺,有代表性的是Wordpress、joomla、drupal以及國內的siteserverCMS。越來越多的設計人員感到,重復的UI設計已經大大阻礙了Web設計的發展,因此CMS(Content Management System)內容管理系統的誕生加快了Web設計的步伐。CMS沒有取代之前的任何Web設計工具,因為仍然還需要有網頁設計工具來進行前端UI模板設計,而且還有很多第三方設計人員為CMS平臺開發特定的組件。通過安裝和定制第三方組件,設計師都可以用drupal做出一個像京東一樣的網站出來。目前Wordpress仍然扮演者重要的角色,美國很多重要的政府部門網站都是Wordpress、joomla或drupal實現的;
7、輕量級設計工具,代表性工具是Sublime和Notepad++,這樣的工具也很簡單,像Sublime還有一大堆很方便的技巧,可以瞬間完成一組div或者table,他們也有很多用戶支持;
8、在線智能設計平臺,代表性網站是Wix和squarespace。初次使用這樣的網站,像是又回到了“東方網頁王”的時代,所有的組件又可以通過簡單的拖拽完成,可以實時預覽效果,也可以快速發布站點。這種平臺的出現把Web設計的門檻拉低到一個新的位置。其實幾年前國內有個中企動力也曾經做過類似的工作,但是他們的營銷手段太赤裸,高企的價格流失了一大堆用戶,目前已經很少聽到他們的聲音了。
無論是在線平臺還是桌面端設計工具,無論是復雜的UI工具還是輕便的設計套件,Web的設計工具必然是向更加快速,更加智能的方向發展。畢竟所有的在線平臺,包括網站,最根本的操作就是CRUD(Create/Retrieve/Update/Delete)。不同的平臺只是提供了不同效率的實現方式,具體采用哪種還是根據實際需求和設計者的喜好來定。