网页快速设计与制作

    第一：在中小企业的网站设计与制作过程中，企业主对于能亲眼看到的内容（区别于程序部分）-产品原型、设计稿（PSD）、高保真静态产品的制作进度，是最敏感的。所以在跟他们一起商讨他们需要的产品功能时，要一边向他们确认每一部分的功能需求，一边快速用Axure画出简单而概要的草图，并在适当的地方做出标识，避免重复沟通。

    第二：在实际的网页产品设计过程中，有的人喜欢将所有的页面一个个的在PSD文档中一一设计完毕，再去切图和制作成高保真的html。后来，时间长了，会发现在整体性能得到把握的情况下，限定好自己的用色，只需设计出若干个最主要的页面即可。在此基础上对用色和风格进行延伸设计其他页面内容。这若干个页面里，有些是一定要有的：表单元素部分（如文本框、按钮风格和形状）、栏目的样式、布局（如大部分是头部一栏，左侧一栏，右侧一栏，页脚一栏，但个别页面还是有单栏甚至是3栏的情况）。对于这些可预见的和不可预见的，我们如果能在设计产品原型时就能把握好，做到心里有数，剩下的就是纯粹看你设计功底了。如果你的产品原型通过审核，产品UI设计功底能得到客户的认可，剩下的就是你自由发挥的舞台。

    第三：对于制作高保真静态html，提到快速制作，就不得不提一下著名的栅格系统。从开始设计PSD文件时，我们可以从他们的官网上下载各种版本的栅格源文件（如常见的PSD、AI格式等等）。如果用的够熟练，栅格并不是唯一的选择，我们可以举一反三，利用其思路，开发属于自己的一套布局。当然，这些积累也是你在从事过一定数量的项目案例后的事。利用这些栅格系统，这对于后来切图时又节省不少时间。

    第四：在制作成静态html时，我们难免会接触到部分js效果，比如tab，广告图轮换。从全局角度来看，一个网站除了这些地方对js有功能需求，难免会有一些其他的地方也有，所以建议采用一个成熟的js框架，比如jQuery。