前端工程师在工作时各种组件样式的实现以及与设计师的交流流程是怎样的？

Question

如题，我是一个尚未工作的前端学习者，想知道页面中各种精美的按钮，导航等样式都是如何实现的？

我自己一个人写页面的时候例如导航，按钮这种东西用简单的CSS写出来感觉美感十分不足，在网上去参考了一些例子，CSS通常都非常“复杂” （特别是包含颜色渐变梯度的），别人的CSS代码虽说看懂没问题，但总感觉对自己想要的样式指导意义并不大。实际工作中，如果设计师不懂CSS，他给出效果图后这些CSS仅靠自己观察的话一点点实现起来岂不是非常痛苦？

同理还有动画效果等，到底第几秒哪些属性发生变化？前端和设计师之间在进行工作交接的时候是怎么交流的？

Answer 1

设计师一般来说都不太懂CSS（大公司除外，尽显一般的公司），但是他们会知道大概的一些布局方式，设计的效果图会以PSD的形式给你，通过PS去看一些按钮等的宽度高度，颜色，字体等，效果一般来说设计会告诉你需要什么样的效果，但是很少会告诉你说第几秒要什么样子，所以时间来说可以自己把握

Answer 2

一般的公司都是出设计稿，编码实现设计，对稿。一般不可能直接就编码完成就算完了，比如动画的贝塞尔曲线，总不能要求设计师画出来或者写出来吧。经常在对稿的时候设计师还会改稿子或者页面效果。