让你掌握「切图标注」

一、目的

为了能够满足开发人员对于效果图的高度还原需求。

二、发展

最早开始的切图/标注都是设计师手动进行,花费的时间长不说,开发人员看到的也通常是一个页面标满了混乱不堪的红色尺寸。

经过长时间的改进,如今有了各种软件和插件。设计师只需上传源文件分享链接,开发人员就能在线下载各种尺寸切图,想看元素的标注只需点击相应的元素就会自动出现,还会有相应的代码供开发人员参考;同时支持在线评论修改功能。一个项目一个链接,极大的节省了程序开发的时间成本,减少了很多不必要的沟通与重复切图/标注的概率。

用一篇干货,让你掌握「切图标注」这个知识点!

1. iOS

设计师在做图时一般以 iPhone6(750px*1334px)为标准进行界面设计,让开发进行适配。原因是向上和向下适配的时候界面调整的幅度最小,最方便适配。

用一篇干货,让你掌握「切图标注」这个知识点!

在 iOS 中所使用的单位是pt,下面介绍一下 pt 和 px 的区别,以及使用 pt 这个单位的原因。

pt 是独立像素的意思,它是绝对长度,物理单位,不随屏幕像素密度变化而变化(和我们日常用到的毫米、厘米是一个意思,只是它要小得多),在非视网膜的 iPhone 上(iPhone 3G),苹果规定 1px=1pt,也就是说 pt 和像素点是一一对应的。但随着 iPhone 4 的到来,高分屏出现了(视网膜屏),这个时候 1pt 对应 2px。所以用固定长度 pt 作为开发单位的好处是:这样可以统一图形在同一种类不同型号设备上图形的大小。而如果用 px 作为单位的话,就乱了套了,因为在不同像素密度的屏幕里面,像素本身大小是不一样的。

本文来自投稿,不代表微擎百科立场,如若转载,请注明出处:https://www.w7.wiki/develop/4413.html

发表评论

登录后才能评论