ui设计师如何切图,希望对你们有帮助!

ui设计师如何切图,希望对你们有帮助!

ui设计师如何切图

当界面设计完成后,设计者需要对图标进行切片,提供给开发工程师。 裁剪和标注是为了满足开发者对效果图的高水平还原需求,直接影响工程师对设计效果的原创性,也是设计师的重要产出之一。 正确准确的切割可以最大程度地还原设计图游戏ui切图教程,达到事半功倍的效果。

通常我们只需要剪切图标即可。 文本、线条和一些标准几何形状不需要切割。 例如游戏素材,搜索框只需要在标签中描述其大小、角大小、背景颜色值和不透明度游戏ui切图教程游戏动态,开发人员可以使用代码来实现此效果。

图片切割基本规范

切口的尺寸必须是偶数;

同一模块内,切割尺寸应一致;

如果有背景,尽量设计为平铺背景图案(以减少程序体积);

可点击组件切出相关状态,如正常状态、可点击状态、不可点击状态;

输出的切图应尽可能压缩,以减少APP的总大小,提高用户的加载速度;

所有变形的字体都将被视为图标;

剪切图像输出格式:png-24;

仅剪切重复项目之一。

剪切输出类型

1.图标切割输出

桌面图标剪切输出

应用程序的桌面图标会在很多不同的地方使用,例如手机桌面、应用商店、手机设置列表等,因此应用程序桌面图标需要多种不同尺寸的剪切图片输出。 两个平台对应的桌面图标的设计输出尺寸也不同。 导出时,输出双平台抠图的全尺寸。 对于桌面图标抠图,您只需提供直角图标抠图,手机系统会自动生成圆角效果。

系统图标剪切图像输出

适应双平台的一套图形:iOS平台(除iPhone 6plus版本)和Android平台共享44*44px切割素材,可实现一套适应双平台的切割图形的开发。

适配大屏:为了适配iPhone 6plus、iPhone 7plus,单独裁剪了一组比原来44*44px的裁剪大1.5倍的裁剪,即66*66px的裁剪。

应用程序内的功能图标

图标可以有空白,建议图标尺寸不要太大。

2.图片类切割输出

图片抠图主要是指需要完整抠图的图片,如启动页、初学者引导页、默认提示、广告图等。一般来说,工程师开发使用的同一类型的抠图图片,应保持相同的尺寸。 另外,这些剪切文件通常都很大,在剪切过程中需要控制剪切文件的大小。

文章来源:https://www.qinxue365.com/jsjzx/Graphic_Design/631946.html