做一份让工程师泪流满面的标注

从没见过这么详细的标注！！去年还看到找工作，原来去阿里了啊，赞~

@linpcha 哈哈 对于工程师来讲真的好用吗？吗？吗？

咦，好专业，求业余时间合作=。=

从来不让UI做标注，PSD已经包含了所有的信息了，字号、字体、颜色、位置、大小，自己看看图层一切都明了，为啥还让UI做这些蹩脚的标注

@aegean18sunset 我是产品是产品是产品……

@yoa1q7y 但是某些developer不了解UXD啊

@yoa1q7y 因为我司不是所有开发人员都用 Mac，用不了/不会用 Sketch

帅，被感动

@yoa1q7y
@aegean18sunset
其实不能一概而论。大概在开发中你会遇到如下几种场合：

- Dev 会用 Photoshop / Sketch <--> Dev 不会用 Photoshop / Sketch
- Dev 很注重设计细节 <--> Dev不注重设计细节
- 项目时间很多，你有很多精力 <--> 项目时间很少，你疲于奔命

这会产生很多种组合。不是说“哦我要做 spec”或者“给你 psd 就好了不需要 spec”就能一概而论的，这是对项目和他人的不负责任。

时间少或者 Dev 设计审美不高的情况下，你应该及时反馈设计上的修正或者直接坐到他旁边。

只是形式了，你是理解 RD 做事情的，所以有什用。



比如垂直位置和高度相同的文字和元素，是者都 top aligned 呢？是文字的容增加致高度增加，要文字中心？

再比如一位置的是 10 px，那 10 px 是 pixel density 多少的 10 px 呢？什不按 pt 呢？在 pixel density 不同的屏幕上什的效果呢？

再比如一地方使用了 #FFA255 色，那在另一地方使用 #FFA255 色或者它的衍生色的候 RD 怎才能知道使用的是同一色或者它的衍生色呢？你有有 palette 作一 chart，每色命名且清楚使用景 RD 呢？



把我所在的一群中的朋友的比不的答案你考一下：
http://www.zhihu.com/question/29971656/answer/46555585
然容不多，但是可以你提供一些有用的方向。



其的重根本不在「值」，而在你的思想。我得能合作得很愉快的 RD 是，我自己的思想面或文字你，你拿著我的 PSD 或 sketch 自己去量。

https://zeplin.io
Zeplin 1.0

@yoa1q7y 这种还是有用的吧，每次量字体，宽高还是会费很多时间的。

@Elethom
同意
对齐方式比间距重要, 考虑实际情况比只看设计稿效果重要
给出palette并且设计也是遵循palette的定义这件事, 几个合作过的设计师都不会注重, 颜色都是随手拖的

屏幕适配怎么搞？

@leojoy710 一个好的 palette 是需要不断修订的，而且 palette 中修改一个元素势必影响所有已经设计好的页面，这点 Photoshop 做得并不好，很麻烦。其他工具还好些。

所以简单来说你如果看到一个很棒的 style guide 要么设计师闲的没事干要么他时间很多。

你可以有很多精力和想法，但你永远只有有限的时间。除了学会在合理的时间里做合理的事情，也要会在不合理的时间里做合理的事情。

曾经的满屏标注参数，现在都由Sketch+Zeplin搞定...

@Keinez

坐在一起是正解

这次复杂的标注是在 waterfall 工作流下的妥协……

@rayps @adi @Elethom

昨天也正在和朋友讨论， 团队足够 lean 的时候，坐在一起/当面解释细节，甚至就只是像 zeplin 这样新工具的使用，都会高效很多。但是如果公司整个是 waterfall 架构，设计师和工程师都只是被称为“资源”，疲于应付需求/业务线的调整，没法对产品追求极致，更多的就是妥协和无能为力。

谢谢 Elethom 的回复，我会认真研究（点头

@aegean18sunset
Zeplin 就是一很好的工具。你要的不是 xx 的位置是什而是 xx 的方式。

@linpcha 听说是被@5key拉去的呢