基础设计-制作素材

素材制作总共分成三个部分，输入-设计-输出，输入部分主要完成客户需求的分析，搜集素材构思，设计阶段完成成稿的设计，设计出完整的界面，输出一个可编辑的psd格式的源文件，输出阶段是将可编辑的psd格式的源文件进行切图，保存为PNG、JPG、JPEG、BMP四种图片格式。

图一：界面设计流程

Note: 1.psd源文件是分层可编辑未栅格化的文件，方便后期根据实际情况作出相应改动，输出IDE需要的图片素材，下图为PSD文件示例图，右侧圈红部分则为切图最终输出的PNG、JPG、JPEG、BMP四种图片格式

图二：PSD文件示例

2.由于IDE的图片素材需要叠加重现UI界面的效果，所以大部分控件输出PNG格式的图片，开机动画控件所需要的图片素材可以选用PNG、JPG、JPEG、BMP多种格式。PNG格式图片为背景透明的图片格式，方便IDE叠加。下图为背景透明的图片与背景不透明的图片的对比。

图三：背景透明的仪表盘纹理

图四：背景不透明的仪表盘纹理

3.在界面设计过程中，客户可以提供两种格式文件: （1）如图二所示的PSD文件，由我司负责切图工作， （2）如图三所示的背景透明的纹理文件。

4.在PNG、JPG、JPEG、BMP四种格式图片输出后，对图片的命名需要按照项目-日期-界面-功能的方式进行命名，如：XX-180611-主界面-时速表盘。

为达到更好的显示效果，建议用户按以下设计规范进行素材准备。