前期准备

专题的种类功能：临时突发类专题；模板可复用类专题类型：EDM；活动 ；频道

Email�Direct�Marketing�，电子邮件营销EDM

专题

专题模板

基本工作流程图

PRDBRDMRD流程图线框图……

需求方的要求

大气、温馨、专业、热闹、喜庆

要不你再做一版出来，让我们对比一下

老大说，得用绿的

……

• 重视前期产品的沟通，做好各环节的配合• 更多的关注结果，学会适当的妥协• 严谨、真实、全面• 考虑延展性，预估提前量• 换位思考，以正确的心态去对待

注意：

制作

标准头尾

像素的概念中文：宋体

英文：Tahoma

页面的内容

栅格、导航、文字、图片容器、表单、按钮、ICON

• 页面宽度为950px• 链接文字颜色不可过多，文字类型应有所区分• 图片的可复用性

注意：

提交

承上启下

• 确认设计邮件的使用• 定稿后的需求变更• 提供PSD源文件及PNG效果图给前端同学，并当

面沟通• 页面DEMO的视觉确认• 发布后的线上跟踪

初识前端代码

<table></table><tr></tr><td></td><br />

<div></div><ul></ul><li></li><h1~h6><p>

<style><font><text-align>

<css><id>

圆角与背景层

极限边界

950px 内容区

模块样式统一

模块A

模块B

模块C

模块D

实例

• 了解一些前端代码会让你更懂设计• Flash、GIF会让你的页面更出彩• 养成随时备份的好习惯

注意：

UED-wiki： http://wiki.ued.taobao.net/doku.php TMS系统： http://tms.taobao.com常用图库： http://tuku.taobao.ali.comAB‐test系统：http://analytics.corp.taobao.com/list/北京UED入口：http://bj.ued.taobao.net

常用网址

设计解决问题

ENDTHANKS

^_^

Q & A