设计交付对于 UI设师一项必的作流程，设交付影响界面的终实各尺寸配效果。今天就家分享一下不同尺寸之间配的影响。
一、适配不好是开发的责任？
很多刚入门的设师都对配误解。认配发小哥需的事，发小哥需对各尺寸的配结果负责任，自己的作就把界面设精易用。这非常不专业的法，界面易用、精固然重，但界面终不存于人电脑中自我欣赏，以 app 的形式出于用户的手机中，这时的设会揭神秘的面纱，展示真实的样子。所以设师很必配合发去还原配，一的完善产品，这设师必须关注思考的一部分。
我个是开发实现最终效比较在意，我上篇文章《用这个免费 Sketch 插件，帮你完美原安卓界！》提到问题，是在数拿到测试后生可恋茫然发誓要解决。上篇文章解决了设计交付后页原问题，今天我和大家分享下设计交付于不尺寸适配影响（iOS）。
二、自动化标注，一劳永逸？
截止到目前来看，自动化标注已经常智能和普及，很大部分设计师都积极地迈进了自动化标注工具大，从此，告加班。我不否认自动化标注所带来设计交付效率提升和工解放，在这高效背后，少了自我审核过程，更要求设计师在设计界时尺寸、距把控，缺少了页原把控这会，所有设计元素、尺寸、距等都交由开发自主掌控。并在很大程度上降低了设计师界原和适配结责任心，忽略了自动化标注不尺寸设备适配带来不确定性。
下来会从文字和图标、图片、组件等维度来析一下，为什不同尺寸备之间的适配，无法用动化标注描述清楚。以及应该如何做正确全面的计交付。
三、文字和图标
文字作为界面计中的基础之一，在计交付中却少独提及，因为以 pt 为位的文字，按照@3x和@2x的备动适配相应的大，随着屏幕增大或缩，个备上文字显示大乎一致。（plus 大一点点）一屏中能的内容就相应的增加减少，有效的突出了大屏机更多内容的优势。
△ 机为拍摄，为了界面清晰屏幕部使用截图，下同。
并且适似乎最合乎开的规范简单高效，并不有特殊情况出现。但文字适不只有一种方式。
还有一种就是字大小根据屏幕例进行放大，在2倍图适配3倍图需要*1.5的基础上，再乘两个屏幕的例倍数，得到一个根据屏幕例缩放后的字。两设备上字大小有明显区别，肉眼可见。
这样的字适配方式的优势是，字和界面的例系上更接于设计图，同时一定程上避免了界面尺寸改变而字没变，界面中负空间的增。这种方式适配的界面往往只是字，包括图片和组件等都会相应的等缩放，来保持整的一屏的容呈现。
所以两种方式各其优势，结合产品的不同页面内及特点，采取合的配方式，优质的向用户展示页面信息产品内。
四、图片
这里的图片义横向满屏幕或基于屏幕横向小确尺寸的图片，常见如 banner、背景图。
这些图片如果设交付时对背景图的配方式行一些特殊求强调，那发默认写出的3倍图中就会出图片压扁的况，
这因发写这版块的时候，高度写了固，宽度随屏幕拉伸，高度配X 1.5倍也小于比拉伸之后的高度。所以图片被压扁。
如是简单渐变细节微小背景被压扁也可以接受，是如 banner 等这图片内容丰富，呈现质量要求高图，不能用默认适配了，于这类型图片，适配时要保持图片宽高比，等比缩放。
但等比缩放带来了一个新的问题，那就是作为背景的图片等比拉伸后高度较之于计图要增加一些，这背景上文字和文字间隙，就需要相应的进行调整，以免背景增大负空间增多。这也在一定程度上增加了开发的工作量，所以在计交付要选择适不同页面的图片适配方式，做间和效果的衡。
五、组件
组件这一概念在本文中是一个比较概括的说法，它是指由多个素组成的页面的某一板块，它可以是金刚，可以是头像列表，也可以是一组 x轴滑动卡片。组件是丰多变的，不同的产品有不同的目的不同式的组件版块。所以丰的组件版块在适配也同有着多的适配方式。
1. 内容间距等比缩放
这适配保持了设计稿体比例关系，原度高，比例视觉舒服。
2. 内容尺寸固定、距自适应
这样的配方式多数发默认会选择的方式，因内小固后，内数按照屏幕分，实起简单捷。
3. 内尺寸自应、间距固不变
这样的适配方式，保持一定的空白和距离，避免过拥挤和过于松散。
4. 容尺寸变，间距变，数量自适应
种适方式有突显大屏幕的优势，一屏内展示内容更，当屏幕尺寸变化，展示内容就相应的变化。
总结
很情况下适方式不止一种，设计付部依靠自动化标注也无法表达清楚，设计师果没有思考页面适合的适方式或在付时没有传达清楚，开只依照他擅长和经验来处理。等到验收时修改只更加费时费力，数选择下次迭代优化，就不之。
设计师在设计时应思考同和页面适合的适配方式，并通过字描述的方式在自标注工具中备注，准确的将适配思路传递给开发。只有在设计时多一步思考；交付时多一步传达，才会在同尺寸的设备适配中得到美的产。
欢迎关注作者的微信公众：「约克」
图片素作者：Tiago Machado
浙公网安备33011002017549号