视觉设计师输出内容（IOS）

当视觉设计师，完成了UI设计图后，那么下个环节就是需要提供给开发使用的内容，为了能使开发人员更高效的进行开发工作。我们提倡在UI设计图上进行标注相关内容，并提供相关切图如下：

①字体的颜色、大小、字号

②文字、图标的位置像素位置

③选中和展开的状态及位置

④对设计稿切图

根据合作的开发人员不同，对一些要求可能也不同，以下是需要注意的一些内容

1、图片名称

如果可以的话 请用图片像素大小来命名 例如（640_60@2x.png）,注：@2x后缀的为高清图

最好是在前面加上图片用途简称

2、图片大小

像素大小最好用偶数。例如：320*240（正确） 320*75（错），以避免在使用的时候出现小数。

3、各固定大小图片

最上面的导航栏背景图为640*88像素   最下面的页标签大小为640*98像素

4 、排版导航栏和页标签之间的页面的坐标和间距，

范围为 Height 88~(920-98-88) ,Weight 0~640

按照所给图片大小，给出间距

5、关于提供的坐标，显示每个控件距离边界之间的X,Y值即可

6、加粗、色值

字体加粗以及其他处理 可以在最终给定的示意图片上圈出来

提供的色值标注以16进制为标准（0x11bbcc）

使用图片添加在页面时，会根据所给图片大小以及给定的间距来排版

7、提供的字体的单位需要是px，ps中的字体默认是pt （9pt=12px），提供的字体要是iphone中具备的，如果不具备，需要提供字体库

8、发包

做完图以后统一打包发送，避免一个一个的发送，导致图片管理起来比较乱

以上就是视觉设计师需要注意的内容，根据不同公司提供的参数以及要求不尽相同，仅供参考！