目标设备（手机、PC、平板等）原型图尺寸规范技巧（一）

所谓的方案实在便是定规矩，按照一定的标准实行，这里面包含的东西就很多，比如颜色、布局以及元素规范等。

但须要知道的是：

原型图不像UI那样，确定到每一个像素；

那么原型图的规范实在便是一种约定俗成，并没有一概而论，必须若何若何。

而这个规范只是看起来是规范，实际上不用严格按照规范来。

画原型图须要考虑韶光、效率，如果每一个步骤都按照规范来，会摧残浪费蹂躏太多的韶光，我们须要再方案的产出上投入大量的精力，不要完备摧残浪费蹂躏在细枝末节上，毕竟只要UI设计师和程序猿能看懂就行，对，能懂就行。

这些规范只是让我们有一个标准，你可以借鉴一下，作为一个参考。

原型图规范-原型图尺寸

不管是手机端、PC端、平板、车机平分歧的产品业态，最大的差异是尺寸。

我们不须要每个尺寸都设计一遍，完备没有必要，至于适配那就让程序猿头疼吧。

那么我们设计的时候，能不能有一个规范呢？

接下来，我给大家一个参考：

1. 手机端

针对手机端，我们只须要掌握宽度即可，高度不足的时候，连续加大高度就行。

手机首屏尺寸为：375667px

这个规范尺寸是iPhone8的尺寸，你同样也可以利用其他常用的手机端尺寸，这个没有固定的限定。

只有这个尺寸，在原型设计中，用的比较多，毕竟产品经理火的那几年便是这个尺寸火，哈哈，然后就一贯沿用的如今。

我是比较建议用这个尺寸，目前市情上有名的原型软件，比如axure、摹客、墨刀等的组件都是按照这个尺寸去做的，适配的也比较好。

除了这个尺寸外，还有一些尺寸，比如：

iPhone系列：

iPad系列：

Android手机：

Android平板：

2. PC端

原型尺寸建议为：1440900

目前电脑利用最多的屏幕是19201080，对付原型尺寸1440的宽度，恰好左边显示原型图，右侧写需求描述，在屏幕上恰好展示出原型图+需求描述，不用旁边滑动来看。

3. 平板端

平板端原型尺寸：1024768

把稳：平板的原型尺寸是1024768，个中状态栏高度20px，标题栏高度44px，键盘的高度是313px，底部tab栏高度49px。

除了上述的尺寸外，还有：

以上部分便是针对pc端、手机端和平板真个尺寸信息，详细选择何种尺寸，根据公司的产品决定。

本文由 @盛粒事情室 原创发布于大家都是产品经理，未经容许，禁止转载

题图来自 Unsplash，基于 CC0 协议

该文不雅观点仅代表作者本人，大家都是产品经理平台仅供应信息存储空间做事。