欢迎来到天天培训网!全国[切换城市] 登录 注册
首页 发布课程 机构平台 手机浏览

手机扫一扫

咨询热线

400-0808-102

UI切图干货来袭,达内科技送上设计大礼

昆明达内教育 来源:达内教育  作者:达内教育   2022-07-14 阅读:67


UI切图作为设计师的必备技能,是在设计过程中常常用到的,然而要如何做才能把UI切图做到规范化呢?小编这次采访了IT教育领域达内科技的老师,为大家详细讲解了关于UI切图规范化的设计知识,想要学习新知识的朋友看过来。

 


问:设计切图的工作原则是什么?

 


答:要注意三点:一、设计切图的目的是跟下游工程师共同协作,所以在输出时要注意到贴图尽量保持高保真还原来保证工程师的效果要求。二、尽可能压缩大小,降低APP的加载时间,提高用户体验速度。三、降低工程师的开发量,以免产生不必要的工作量。

 


问:切图该如何分类呢?

 


答:主要分为6大输出类型。桌面图标切图输出,系统图标切图输出,图片类切图输出,动效元素切图输出,可拉伸元素切图输出和无需切图的部分。

 


问:关于切图尺寸要考虑什么?

 


答:切图资源尺寸必须是双倍数。这是由手机屏幕是双数值决定的,单数尺寸切图后会造成边缘模糊,影响设计效果,双数切图后才能保证工程师开发时是高清的。在切图时为了适应大部分机型,一般采用@2X和@3X,@2X适配大部分手机,而@3X可以适配plus机型的手机,@3X是@2X的1.5倍。

 


问:切图过程中该如何降低切图大小?

 


答:安卓平台可以选用点九切图法,还有一款叫做Tinypng的在线压缩图片工具也很好用。关于这两种方法的具体操作在达内科技培训的相关课程里都有讲解,按部就班的跟着培训班学习,都能很好的掌握。

 


 


问:有没有好的切图软件可以推荐一下呢?

 


答: Cutterman的PS插件支持iOS和安卓双平台,各种图片格式都可以输出。

 


Sketch Measure是一款新的切图插件,十分好上手,方便实用。

 


看到这里,相信学UI设计的朋友们已经对切图的基础知识和工作原理有了一个初步了解,作为互联网时代的设计师,需要不断地学习新技术,保住饭碗,想更进一步学会切图软件的操作,并把它实际运用到工作中去成为技术过硬的设计师吗?来昆明达内科技的课程班报名吧!

昆明达内科技咨询报名电话:400-0808-102,欢迎来电咨询!

昆明达内教育

昆明春城路中心
昆明市官渡区春城路62号证券大厦附楼6楼;地铁塘子巷站D口
昆明五一路中心
昆明市五华区五一路如安三号商务厅二楼达内科技

免责声明:
本站内容系网友自发上传与转载,不代表本网赞同其观点;
如涉及版权等问题请及时与我们联系,将在第一时间删除处理!qq:895240345 .