pc端产品设计

目录

 

一、pc端和移动端的区别

二、pc作用

三、pc端原型设计尺寸

四、网站结构

1、通栏

2、两栏

3、三栏

4、混合

5、瀑布流

五、pc页面设计

A、页面设计——单排导航

B、页面设计——多排导航（淘宝、携程）

C、页面设计——banner

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、混合

混合了通栏、两栏、