Soft_Job 板


LINE

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



※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.234.195.180 (台湾)
※ 文章网址: https://webptt.com/cn.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
7F:推 justben: https://zeplin.io/ 用这个啊 12/09 01:45
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







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Gossiping站内搜寻

TOP