2. 前期准备

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

4. EDM EmailDirectMarketing，电子邮件营销

5. 专题

6. 专题模板

7. 基本工作流程图

8. PRD
BRD
MRD
流程图
线框图
……

9. 需求方的要求
大气、温馨、专业、热闹、喜庆
要不你再做一版出来，让我们对比一下
老大说，得用绿的
……

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

11. 制作

12. 标准头尾

13. 像素的概念
中文：宋体
英文：Tahoma

14. 页面的内容
栅格、导航、文字、图片
容器、表单、按钮、ICON

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

17. 提交

18. 承上启下
• 确认设计邮件的使用
• 定稿后的需求变更
• 提供PSD源文件及PNG效果图给前端同学，并当
面沟通
• 页面DEMO的视觉确认
• 发布后的线上跟踪

19. 初识前端代码
<table></table> <div></div>
<tr></tr> <ul></ul>
<td></td> <li></li>
<br /> <h1~h6><p>
<style><font> <css>
<text-align> <id>

20. 圆角与背景层

21. 极限边界
950px 内容区

22. 模块样式统一
模块A
模块B
模块C
模块D

23. 实例

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

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

26. 设计解决问题

27. END
THANKS
^_^

28. Q&A