产品原型设计

目录

1.常见原型类型

1.1 原型的定义及分类

1.2 不同类型的原型特点

​1.3 产品的分类 

1.4 低保真原型设计 

 2.原型设计规范

2.1 页面规范

2.1.1 页面规范-移动端

2.1.1.1 页面尺寸及区域说明

​2.1.1.2 移动端页面布局及细节规范

2.1.2 页面规范-PC端

2.1.2.1 页面规范-web端

2.1.2.2 页面规范-常用字体字号

2.1.2.3 页面规范-间距和透明度

2.1.2.4 页面规范-web端其他注意事项 

2.2 信息规范

2.3 控件规范

2.3.1 控件认知及控件规则

2.3.2 控件使用的注意事项

---

1.常见原型类型

1.1 原型的定义及分类

用线条、图形描绘出的产品框架，也称线框图，是需求和功能的具体化表象；

 

 

 

1.2 不同类型的原型特点

1.3 产品的分类 

1.4 低保真原型设计 

 2.原型设计规范

页面规范；信息规范；控件规范

2.1 页面规范

2.1.1 页面规范-移动端

移动端原型，我们以APP端为例进行讲解，APP端会继续分为iOS端和安卓端；

注意事项：多数企业中，都要求制作的是iOS端的原型。

2.1.1.1 页面尺寸及区域说明

2.1.1.2 移动端页面布局及细节规范

2.1.2 页面规范-PC端

PC客户端产品设计；Web网页端产品设计

注意事项：多数企业中，产品经理要面对的是Web端的产品设计，所以我们以Web端为主进行讲解，PC端产品设计规范跟Web端几乎相同。

2.1.2.1 页面规范-web端

目前，市场上的主流电脑分辨率是1920*1080，版心为960-1200px（默认安全区1200px即可）； Web端页面尺寸：建议宽度1200px，高度不限。

2.1.2.2 页面规范-常用字体字号

制作原型时，不需要额外修改其字体，使用默认字体即可；最终产品的字体使用，需要由 UI 决定；

2.1.2.3 页面规范-间距和透明度

2.1.2.4 页面规范-web端其他注意事项 

2.2 信息规范

2.3 控件规范

2.3.1 控件认知及控件规则

 

 

 

2.3.2 控件使用的注意事项

1.控件是否符合用户认知；

2.控件样式是否具有一致性；

3.控件交互行为是否具有一致性；

4.控件的不可用状态如何呈现；