返回首页当前位置:首页 >> 网站建设 >> 正文

用户界面标准之于前端架构

文章来自:设计学院 | 发表时间:2007-10-1 13:44:07
之前写过关于用户界面元素统一的文章,主要说了说网站统一的界面元素对用户体验、品牌形象方面的好处。
其实统一的界面元素对一个网站的前端架构也会很有好处,统一的元素就意味着CSS和JavaScript可以拥有很高的可重用性。日渐庞大的CSS文件和杂乱无章的JavaScript脚本都是前端工程师比较头疼的事情。庞大臃肿的代码不但会造成客户端加载的负担,也会让前端代码变得难以管理。
一方面是CSS:前端工程师要实现界面设计师(或者自己引以为自豪)的界面设计。这样,如果新页面的设计和原先页面中相同功能元素的设计有出入,哪怕是一点出入,都有可能带来很多重复的工作,将CSS文件变得越来越臃肿。
另一方面是JavaScript:对于很多应用型网站,会有很多需要JavaScript的页面交互元素。这些交互元素的视觉或者行为设计与之前的有出入,也会让前端工程师为了既保证代码的健壮性来方便后端工程师的开发,又为了实现一些设计上的差别而对现有代码修修补补忙得不可开交,最可怕的是最终淹没于bug的海洋…
此外,细微而必要的设计差别会使疲于定义CSS样式的前端工程师直接在HTML代码中写入style属性,这也应该算是前端架构的一个威胁了。
要解决这个问题,当然首当其冲的应该是咱们的设计同事们尽量严格地按照已经达成共识的界面标准来对新产品进行界面设计,而另一方,作为前端工程师,也应该有自救的办法
  • 让自己的代码尽可能的简洁, 将结构、表现和行为尽量的相互独立,这样做会使代码修改变得相对容易些;
  • 合理的运用IDClass属性,对<body>应用ID属性就是一个比较好的做法,因为可以使同一种界面元素在不同的产品中有不同的表现这一需求在实现起来更高效一些;
  • Unobtrusive的JavaScript,这个现在好象很流行,总之是能将行为完全从结构中分离,好处是出现交互设计的变化时,可以比较灵活地应对。
最近初涉前端架构,觉得是个很有意思的东西,里面涉及的内容非常丰富,重要性也不会亚于系统架构,很值得前端工程师去研究啊。