前期准备
专题的种类功能:临时突发类专题;模板可复用类专题类型:EDM;活动 ;频道
EDM   EmailDirectMarketing,电子邮件营销
专题
专题模板
基本工作流程图
PRDBRDMRD流程图线框图……
需求方的要求大气、温馨、专业、热闹、喜庆要不你再做一版出来,让我们对比一下老大说,得用绿的……
注意:•   重视前期产品的沟通,做好各环节的配合•   更多的关注结果,学会适当的妥协•   严谨、真实、全面•   考虑延展性,预估提前量•   换位思考,以正确的心态去对待
制作
标准头尾
像素的概念        中文:宋体        英文:Tahoma
页面的内容栅格、导航、文字、图片容器、表单、按钮、ICON
注意:•   页面宽度为950px•   链接文字颜色不可过多,文字类型应有所区分•   图片的可复用性
提交
承上启下•   确认设计邮件的使用•   定稿后的需求变更•   提供PSD源文件及PNG效果图给前端同学,并当    面沟通•   页面DEMO的视觉确认•   发布后的线上跟踪
初识前端代码         <table></table>   <div></div>         <tr></tr>         <ul></ul>         <td></td>         <li></li>      ...
圆角与背景层
极限边界       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系统:ht...
设计解决问题
ENDTHANKS ^_^
Q&A
夏之 专题设计
夏之 专题设计
Upcoming SlideShare
Loading in...5
×

夏之 专题设计

1,726

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,726
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
142
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

夏之 专题设计

  1. 1. 前期准备
  2. 2. 专题的种类功能:临时突发类专题;模板可复用类专题类型:EDM;活动 ;频道
  3. 3. EDM EmailDirectMarketing,电子邮件营销
  4. 4. 专题
  5. 5. 专题模板
  6. 6. 基本工作流程图
  7. 7. PRDBRDMRD流程图线框图……
  8. 8. 需求方的要求大气、温馨、专业、热闹、喜庆要不你再做一版出来,让我们对比一下老大说,得用绿的……
  9. 9. 注意:• 重视前期产品的沟通,做好各环节的配合• 更多的关注结果,学会适当的妥协• 严谨、真实、全面• 考虑延展性,预估提前量• 换位思考,以正确的心态去对待
  10. 10. 制作
  11. 11. 标准头尾
  12. 12. 像素的概念 中文:宋体 英文:Tahoma
  13. 13. 页面的内容栅格、导航、文字、图片容器、表单、按钮、ICON
  14. 14. 注意:• 页面宽度为950px• 链接文字颜色不可过多,文字类型应有所区分• 图片的可复用性
  15. 15. 提交
  16. 16. 承上启下• 确认设计邮件的使用• 定稿后的需求变更• 提供PSD源文件及PNG效果图给前端同学,并当 面沟通• 页面DEMO的视觉确认• 发布后的线上跟踪
  17. 17. 初识前端代码 <table></table> <div></div> <tr></tr> <ul></ul> <td></td> <li></li> <br /> <h1~h6><p> <style><font> <css> <text-align> <id>
  18. 18. 圆角与背景层
  19. 19. 极限边界 950px 内容区
  20. 20. 模块样式统一 模块A 模块B 模块C 模块D
  21. 21. 实例
  22. 22. 注意:• 了解一些前端代码会让你更懂设计• Flash、GIF会让你的页面更出彩• 养成随时备份的好习惯
  23. 23. 常用网址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
  24. 24. 设计解决问题
  25. 25. ENDTHANKS ^_^
  26. 26. Q&A
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×