虽然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)。不同的平台只是提供了不同效率的实现方式,具体采用哪种还是根据实际需求和设计者的喜好来定。