目录
一、pc端和移动端的区别
二、pc作用
三、pc端原型设计尺寸
四、网站结构
1、通栏
2、两栏
3、三栏
4、混合
5、瀑布流
五、pc页面设计
A、页面设计——单排导航
B、页面设计——多排导航（淘宝、携程）
D、页面设计——模块区
六、案例——资讯pc详情页
七、案例——pc电影详情页/播放页
一、pc端和移动端的区别
1、交互不一样
2、使用场景不一样
pc：室内、桌椅、长时间
app端：任何时间、任何地点
3、设备感知能力不一样
二、pc作用
1、官网品牌宣传（可以识别公司的正规性）
2、导流（app导流）
3、第三方对接（合作品牌）
三、pc端原型设计尺寸
宽度1000分辨率（原型尺寸）
电脑 1280*768
手机iPhone/7/8 750*1334
四、网站结构
1、通栏
2、两栏
3、三栏
4、混合
混合了通栏、两栏、三栏
5、瀑布流
五、pc页面设计
1、导航区
2、banner
3、模块区
A、页面设计——单排导航
固定顶部
1、左：logo
2、中：频道、搜索
3、右：个人中心/会员/工具
B、页面设计——多排导航（淘宝、携程）
1、功能工具栏（个人中心等）
2、logo 、搜索、活动/广告
3、频道导航
C、页面设计——banner
高度要求：不能超过首屏、高度400px～550px之间
D、页面设计——模块区
一栏内相同逻辑，次级页面必须有面包屑
六、案例——资讯pc详情页
七、案例——pc电影详情页/播放页
