各位前辈大家好
最近与设计师合作，但合作上一直有些地方困扰著
想问看看大多数的做法是怎么处理的
我这边通常都会收到设计师的设计稿
可能是以某一个移动装置的尺寸为底来设计的
例如 iphone 7+来做设计稿
然后要由我这边来延伸出 Android 、 iphone X 之类的版本
所以CSS 可能会需要iphone 7+、Android 、iphone X 三个版本
甚至还需要考虑到小尺寸的手机
但CSS方面，常常会被钉，哪里多了几px或者在放大缩小版本之间的元件内距外距不对
也会直接截图跟设计图比较，哪个细节多了px
但考虑支援性，有些部分我会用百分比来呈现(所以也可能因为这个而误差)
我目前就是收到设计稿之后，自己来算出其他的版本该是多少
但想知道有没有更聪明的做法?
还是利用Sketch之类来做会更好?(但这个就有难度了...)
所以请教版上的前辈们，感谢

RWD

因为要 RWD，应该还是得用 % 来做，有时候还要 flex，开发前先反应一下哪些部分会因为各种萤幕尺寸而自由排版，这样会不会好一点

有学过UI的设计师会标示 没学过的提供PSD 按比例换算%

可能你的设计师要了解下ratio吧，px之类不是他主要考虑的

https://zeplin.io/ 用这个啊还有 老牌 sketch 也不错自己算 算到天荒地老啊

就订个规矩没有差到20px不予理会这样

设计稿按比例使用vw

有点骨气好吗，分类成距离型跟比例型把球丢回给设计师看你这么奴设计师一定很正

退回去请设计师帮你标，差1%视觉差很多，再不然找PM帮忙，这种事情PM可以帮忙协调个几次(如果是会做事的.

单位有px, em, rem, %, vw，要如何最大化还原设计稿，除了活用上面的单位之外，就是要跟设计沟通，在什么状态底下，哪些要固定不动哪些要跟着距离变动(sketch有类似的pin功能)，不要自己脑补最后吃力不讨好:)

跟他说用比例单位 不然就每个尺寸都问一遍要用多少px 不要脑补

有不少公司都丢一张图以为这样就完事了结果UI UX配适都得靠工程师脑补会去问设计师 ，结果87%都只是平面设计师，工程师肝爆死确定

原来以前公司的设计会配合工程师是少见的吗...还会跟前端沟通哪边的长度要标 哪边不好做建议改个设计什么的

有口碑的设计师常会主动标尺寸以及向工程师沟通

你有没有考虑跳槽 我们公司不会让你有这方面的困扰的欢迎私讯♡

zeplin有% 按住alt即可