[請益] 工程師收到設計師的設計稿的難處

[mickeyboy (mic)]

各位前輩大家好

最近與設計師合作，但合作上一直有些地方困擾著

想問看看大多數的做法是怎麼處理的


我這邊通常都會收到設計師的設計稿

可能是以某一個移動裝置的尺寸為底來設計的

例如 iphone 7+來做設計稿

然後要由我這邊來延伸出 Android 、 iphone X 之類的版本

所以CSS 可能會需要iphone 7+、Android 、iphone X 三個版本

甚至還需要考慮到小尺寸的手機

但CSS方面，常常會被釘，哪裡多了幾px或者在放大縮小版本之間的元件內距外距不對

也會直接截圖跟設計圖比較，哪個細節多了px

但考慮支援性，有些部分我會用百分比來呈現(所以也可能因為這個而誤差)

我目前就是收到設計稿之後，自己來算出其他的版本該是多少

但想知道有沒有更聰明的做法?

還是利用Sketch之類來做會更好?(但這個就有難度了...)

所以請教版上的前輩們，感謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.234.195.180 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1575817921.A.6A5.html
推 MOONY135: RWD
推 sppqre: 因為要 RWD，應該還是得用 % 來做，有時候還要 flex，開
→ sppqre: 發前先反應一下哪些部分會因為各種螢幕尺寸而自由排版，
→ sppqre: 這樣會不會好一點
→ shihyanyu: 有學過UI的設計師會標示 沒學過的提供PSD 按比例換算%
推 jmarr: 可能你的設計師要了解下ratio吧，px之類不是他主要考慮的
推 justben: https://zeplin.io/ 用這個啊
→ justben: 還有 老牌 sketch 也不錯
→ justben: 自己算 算到天荒地老啊
推 superpai: 就訂個規矩沒有差到20px不予理會這樣
推 EPGo: 設計稿按比例使用vw
我是考慮到RWD 所以用%來做，但在於細節部分就會有些許誤差
zeplin的部分好像沒% 所以是直接寫好各版本是多少px 然後不考慮%的作法嗎?
vw 我會考慮看看的
※ 編輯: mickeyboy (36.234.195.180 臺灣), 12/09/2019 07:16:34
噓 pig2014: 有點骨氣好嗎，分類成距離型跟比例型把球丟回給設計師
→ pig2014: 看你這麼奴設計師一定很正
推 ts20020429: 退回去請設計師幫你標，差1%視覺差很多，再不然找PM
→ ts20020429: 幫忙，這種事情PM可以幫忙協調個幾次(如果是會做事的.
推 spongetama: 單位有px, em, rem, %, vw，要如何最大化還原設計稿，
→ spongetama: 除了活用上面的單位之外，就是要跟設計溝通，在什麼
→ spongetama: 狀態底下，哪些要固定不動哪些要跟著距離變動(sketch
→ spongetama:  有類似的pin功能)，不要自己腦補最後吃力不討好:)
→ yyc1217: 跟他說用比例單位 不然就每個尺寸都問一遍要用多少px 不
→ yyc1217: 要腦補
→ lovez04wj06: 有不少公司都丟一張圖以為這樣就完事了
→ lovez04wj06: 結果UI UX配適都得靠工程師腦補
→ lovez04wj06: 會去問設計師 ，結果87%都只是平面設計師，工程師肝
→ lovez04wj06: 爆死確定
→ spfy: 原來以前公司的設計會配合工程師是少見的嗎...還會跟前端溝
→ spfy: 通哪邊的長度要標 哪邊不好做建議改個設計什麼的
推 CCben: 有口碑的設計師常會主動標尺寸以及向工程師溝通
推 shower1975: 你有沒有考慮跳槽 我們公司不會讓你有這方面的困擾的
→ shower1975:  歡迎私訊♡
推 cafo1006: zeplin有% 按住alt即可