1.平面类 需求（PM） + 设计 颜色模式 尺寸
2.电商 需求(PM) + 设计 + 装修 运营
3.PC网页 需求+需求转化+ 设计 + 前端工程师 + 后台工程师
4.移动端 需求 + 设计 + 原生态APP（Android IOS）
设计 + H5（前端）
切图
*尺寸：
1024px * 768px
21px
1024px -21px 1000px
内容区域：10的倍数
960px 980px 1000px 1200px
背景：衬托内容只用可以溢出1200px
图片：商品 新闻 广告等 不能溢出1200px
扩展：
*为什么网页中的文字用默认文字更可取？*
推广 搜索引擎进行搜索 找关键词 收录
电商设计与网页设计的差别？
1.电商设计需要设计能力 + 一点前端 + 懂一点运营
网页设计能力 + 规范能力 + 切图 +前端等
2.电商设计过程中，更多的考虑“卖点”
网页设计过程中，更多的考虑“体验”
3.页面结构来说，电商详情页比主页重要，自下而上；
网页的主页比详情页重要，自上而下的
框架式：比较严谨的网站
通栏式 + 扁平化
顶部如果有状态栏：32px - 40px的偶数
字体的装饰效果： 当字号小于14px的时候，采用无
当字号大于14px的时候，采用平滑
对齐：
点击的状态：默认状态 hover状态 点击之后的
LOGO
字母 图案 文字等
QY
网页设计有哪些技巧呢？
•网页设计涉及到后续代码实现与团队协作，在整个项目过程中，应该注意规范问题。
•常见的规范有：尺寸规范、视觉规范、字体规范、字号规范、命名规范、切图规范等
网页设计为什么要有规范呢？？
• 1. 识别统一
•2.节约资源
•3.重用
•4.快速入手
网页设计规范与尺寸？
•网页宽度 1920px
•内容宽度： 960px 980px 1000px 1200px 等
•高度（一屏） 580px – 710px
字体有哪些规范呢？
•网页是展示在浏览器中，浏览器能识别的字体：宋体、黑体、微软雅黑。
•字号：正文 14px
•标题：16px 18px 20px 偶数
•不能识别的字体采用特殊展示展示，但不要太多
，图片实现的