作者mickeyboy (mic)
看板Soft_Job
標題[請益] 工程師收到設計師的設計稿的難處
時間Sun Dec 8 23:11:58 2019
各位前輩大家好
最近與設計師合作，但合作上一直有些地方困擾著
想問看看大多數的做法是怎麼處理的
我這邊通常都會收到設計師的設計稿
可能是以某一個移動裝置的尺寸為底來設計的
例如 iphone 7+來做設計稿
然後要由我這邊來延伸出 Android 、 iphone X 之類的版本
所以CSS 可能會需要iphone 7+、Android 、iphone X 三個版本
甚至還需要考慮到小尺寸的手機
但CSS方面，常常會被釘，哪裡多了幾px或者在放大縮小版本之間的元件內距外距不對
也會直接截圖跟設計圖比較，哪個細節多了px
但考慮支援性，有些部分我會用百分比來呈現(所以也可能因為這個而誤差)
我目前就是收到設計稿之後，自己來算出其他的版本該是多少
但想知道有沒有更聰明的做法?
還是利用Sketch之類來做會更好?(但這個就有難度了...)
所以請教版上的前輩們，感謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.234.195.180 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Soft_Job/M.1575817921.A.6A5.html
1F：推 MOONY135: RWD 12/08 23:21
2F：推 sppqre: 因為要 RWD，應該還是得用 % 來做，有時候還要 flex，開 12/08 23:53
3F：→ sppqre: 發前先反應一下哪些部分會因為各種螢幕尺寸而自由排版， 12/08 23:53
4F：→ sppqre: 這樣會不會好一點 12/08 23:53
5F：→ shihyanyu: 有學過UI的設計師會標示 沒學過的提供PSD 按比例換算% 12/09 00:07
6F：推 jmarr: 可能你的設計師要了解下ratio吧，px之類不是他主要考慮的 12/09 01:43
8F：→ justben: 還有 老牌 sketch 也不錯 12/09 01:46
9F：→ justben: 自己算 算到天荒地老啊 12/09 01:46
10F：推 superpai: 就訂個規矩沒有差到20px不予理會這樣 12/09 04:33
11F：推 EPGo: 設計稿按比例使用vw 12/09 05:36
我是考慮到RWD 所以用%來做，但在於細節部分就會有些許誤差
zeplin的部分好像沒% 所以是直接寫好各版本是多少px 然後不考慮%的作法嗎?
vw 我會考慮看看的
※ 編輯: mickeyboy (36.234.195.180 臺灣), 12/09/2019 07:16:34
12F：噓 pig2014: 有點骨氣好嗎，分類成距離型跟比例型把球丟回給設計師 12/09 07:30
13F：→ pig2014: 看你這麼奴設計師一定很正 12/09 07:31
14F：推 ts20020429: 退回去請設計師幫你標，差1%視覺差很多，再不然找PM 12/09 08:59
15F：→ ts20020429: 幫忙，這種事情PM可以幫忙協調個幾次(如果是會做事的. 12/09 09:00
16F：推 spongetama: 單位有px, em, rem, %, vw，要如何最大化還原設計稿， 12/09 09:40
17F：→ spongetama: 除了活用上面的單位之外，就是要跟設計溝通，在什麼 12/09 09:40
18F：→ spongetama: 狀態底下，哪些要固定不動哪些要跟著距離變動(sketch 12/09 09:40
19F：→ spongetama: 有類似的pin功能)，不要自己腦補最後吃力不討好:) 12/09 09:40
20F：→ yyc1217: 跟他說用比例單位 不然就每個尺寸都問一遍要用多少px 不 12/09 12:23
21F：→ yyc1217: 要腦補 12/09 12:23
22F：→ lovez04wj06: 有不少公司都丟一張圖以為這樣就完事了 12/09 12:38
23F：→ lovez04wj06: 結果UI UX配適都得靠工程師腦補 12/09 12:39
24F：→ lovez04wj06: 會去問設計師 ，結果87%都只是平面設計師，工程師肝 12/09 12:40
25F：→ lovez04wj06: 爆死確定 12/09 12:40
26F：→ spfy: 原來以前公司的設計會配合工程師是少見的嗎...還會跟前端溝 12/10 10:05
27F：→ spfy: 通哪邊的長度要標 哪邊不好做建議改個設計什麼的 12/10 10:06
28F：推 CCben: 有口碑的設計師常會主動標尺寸以及向工程師溝通 12/11 09:08
29F：推 shower1975: 你有沒有考慮跳槽 我們公司不會讓你有這方面的困擾的 12/12 23:54
30F：→ shower1975: 歡迎私訊♡ 12/12 23:54
31F：推 cafo1006: zeplin有% 按住alt即可 12/16 12:51