互联网产品设计网站 第1篇
当纸稿确定后，则由UI或UE使用做绘图工具来描绘黑白稿（我主要使用Photoshop来进行这个步骤，跟据个人习惯不同，大家的方式也有所区别，比如 淘宝UED Team及Baidu UE更多的则采用线稿的形式）。也许是做UI的原因，我习惯还是采用黑白稿，方便界面设计，在结构上也会精确到像素，比如：导航高度40px，头条采用 20px黑体，图片规格:104×85px，页面的各区域的留白为5px…等等，只有这样才会发现更多细节上的问题，当然到界面设计的同时你也会尝到更多 的甜头。
互联网产品设计网站 第2篇
主要执行人员：UI、UE、需求部门
需沟通人员：程序部、销售部
在产品原型方面，主要指的是黑白稿或线稿，除了颜色基本采用黑白的形式，最终出的产品原型将会和实际产品没区别。这个环节会拟定出产品页面的宽度，广告的 形式，导航基本样式，各内容区域的表现形式等。
当经过可行性评估阶段后，产品经理的思路和自己也基本达成共识，接下来将进行原型设计，我将主要分为三个步骤来实现：
互联网产品设计网站 第3篇
主要执行人员：UI、UE、程序、SEO
需沟通人员：UE、销售
1）设计规范
考虑到在动态实现方面，光凭效果图很难直接的给予表现，这时需要配合使用说明文档及设计规范规范来做辅助，比如按钮及文字链在触发前后的样式、文字间 距…。如下图：
2）代码及程序开发
由UID进行页面的代码开发（CSS+DIV），并需严格参考SEO理出的相关规范，针对一些AJAX的动态效果还需要程序部人员协助完成，当静态 HTML完成后即由技术人员进行程序嵌套，并实现预期的功能。
这个阶段由UI、UE全程跟踪，保证HTML和设计稿最大限度相似前提下，对已实现的功能进行测试，并出交互设计改善文档，提交给技术人员。