基础设计-制作素材

素材制作总共分成三个部分,输入-设计-输出,输入部分主要完成客户需求的分析,搜集素材构思,设计阶段完成成稿的设计,设计出完整的界面,输出一个可编辑的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-主界面-时速表盘。

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

results matching ""

    No results matching ""