产品需要了解的UI设计

设计图规范：

该尺寸为公司内部使用尺寸，作为参考

设计图尺寸：750px*1334px（iPhone 6s/6的尺寸）公司内推，可     计量单位：像素（PX）

1、每一张设计图的大小要一样，长固定，高可以随着情况的变化适当加长。

APP的UI设计一般来说，长是固定的，高要随着内容的多少有改变，这个地方给的设计图的高度1334PX是指的一屏幕的高度，但是试想一下，APP是有滑动的，一旦产生滑动，设计图要体现全部的内容，就会拉长设计图的高。

2、同样的控件应该在每一张设计图上面的位置和大小一样。

举个列子，每一张设计图上都会有画布，假设现在画布大小是660px*350px，那么接下来每一个设计图上面画布大小都要这么大。那么位置如何去控制咧？通过上下边距，画布现在是居中对齐，和上面姓名的黑线相距是40px，那么由此来定位，每一个设计图都要这么是这样的距离，从而固定住画布在设计图上面的位置。

有一个简单的方法可以借鉴：做好一个设计图之后，复制出其他的设计图，在复制的设计图上面改内容，不需要重新绘制，节省时间，更重要的是，位置和大小没有改变，不需要去单独调整。

3、设计图尺寸说明。

APP的UI设计图可以用很多种尺寸，不过都是以真实的手机尺寸作为设计图的大小，比如我们在这个地方使用到的750px*1334px，就是真实的iPhone6s/6 的尺寸，当然你也可以选用别的手机尺寸，只要每张设计图的大小一致就行，在特意这里说一下，大家约定俗成的会选用iPhone的手机尺寸，Android的手机尺寸太多，不会在一开始设计的时候去使用Android的手机尺寸。

PS：

（1）一般的设计师会先用iPhone的尺寸做设计图，iPhone设计图设计好了之后，直接把iPhone的设计图的尺寸转换成Android的ui设计图，生成一套新的Android尺寸的设计图，这是省时省事的方法。

（2）如果你有时间和热情，我建议你设计两套UI设计图，iPhone一套，Android一套。为什么要这么做？因为iPhone和Android的操作系统，交互方式，用户习惯都不同，如果你想走专业的路线，求精不求多，那么我建议你，设计两套设计图，但是也要注意，不能改动太大，色调，模块，流程等大方向都是不能改变的，可以改变的是交互，根据不同的用户群体设计的不同的操作手势，根据系统的不同，设计的不同的偏向交互。