各位前輩大家好
最近與設計師合作，但合作上一直有些地方困擾著
想問看看大多數的做法是怎麼處理的
我這邊通常都會收到設計師的設計稿
可能是以某一個移動裝置的尺寸為底來設計的
例如 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即可