你应该知道的UI设计切图规范江阴UI设计培训暑假班

你应该知道的UI设计切图规范江阴UI设计培训暑假班
你应该知道的UI设计切图规范江阴UI设计培训暑假班
移动UI设计切图是UI设计师重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的有力的语言。合适、精准的切图可以大限度的还原设计图，起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图，应该是所有设计师一直需要追求的能力。
设计切图的原则
设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量，避免因切图输出而导致的不必要的工作量。后输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和压缩大小。
1.切图资源尺寸必须为双数
众所周知智能手机的屏幕大小都是双数值，比如iphone 7的屏幕分辨率是750*1334px。切图资源尺寸必须为双数是为了保证切图资源在工程师开发时是高清显示。因为1px是智能手机能够识别的小单位，换句话说就是1像素不能在智能手机被分为两份。所以如果是单数切图的话手机系统就会自动拉伸切图从而导致切图元素边缘模糊，进而造成开发出来的APP界面效果与原设计效果差距甚远。
2.图标切图输出应根据标准尺寸输出并且考虑到手机适配（主要是iPhone 6plus的适配）
在切图资源输出中图标切图输出是至关重要的部分。因为在开发中由于各机型的屏幕分辨率不同，需要针对一些大屏机型进行适配。为了适配大分辨率手机（例如iphone 7plus）图标在切图的时候需要输出@2x和@3x的切图，其中@2x的切图可以满足双平台大部分机型的适配要求，@3x是用来适配iphone手机的各种plus版本的手机（后边会有文章专门讲解关于适配的问题）。@3x是@2x尺寸的1.5倍，例如一个图标切图@2x尺寸是44px，那么@3x尺寸是66px。
3.为了提升APP使用速度，尽量降低图片文件大小
在切图资源输出中图标切图输出是很重要的部分，比如新手引导页、启动页面、默认图、广告图等。图片切图一般情况下文件大小都是相对较大，不利于用户在使用app过程中加载页面。因此图片切图要尽量压缩图片文件的大小（文加压缩的方法在文章后面有详细讲解）。
江阴上元教育，本校长期开设
学历提升：学历教育、升大专本科
会计培训：会计上岗证、会计做账实操、会计初级职称、会计中级职称、注册会计师
职业资格：催乳师、月嫂、育婴师、小儿、满月发汗、营养师、人力资源、产后修复
设计培训：商务办公、秘书实务、淘宝网店运营、平面设计、室内设计、家具设计
外语培训：新概念、英语口语、商务英语、日语、韩语、法语、德语、西班牙语
艺术类：鲜花插花、美术素描
建筑类：一建、二建、注册消防工程师、造价工程师、安装造价、土建预算实操、BIM

[授课机构]：江阴上元教育培训
[联系人]： 上元赵老师  
[电话咨询]：18861631079 86875833
[Q Q咨询]：2881322160
[报名地址]：暨阳大厦14楼1402室（人民中路与高巷路交汇处）