如果设计师给网站的原型，前端做不出来一摸一样的怎么办？

[rebeccaMyKid]

最近在学 udacity 的课程，做到一个 project 的时候，只给了一个 desgin-prototype.pdf ，就一张图和一些简要的说明，我花了很大的力气想原样呈现，但最后做出来还不是完全一样。所以我想问下各位有经验的前辈，工作中上级会不会一定要设计图纸一模一样的效果，如果有些做不出来怎么办呢。。。？

[rebeccaMyKid]

要求：

我的：

[yellowV2ex]

最简单的人家图片是占满宽度的你这算什么，
外框投影人家是想下的你搞成斜的
上面的 Clownfish 字人家也没有那么大

你这根本不叫做不出来，难道你改个字大小改个图片宽度 100%也不会么？你这叫不认真工作不认真学习研究，这么简单的东西都完不成就这样就像交差太对不住公司了吧。

趁还没交上去，赶快改好吧，下次不要问这种问题了。

[JiShuTui]

图片宽度设为 100% 就差不多一样了吧。

具体到工作中，设计稿一定是有标注的，这里该用什么字体，那里该用什么颜色都会标注出来，所以一般都是做到一模一样。
你这里是因为没有标注。

[baby4free]

有明显的字体不同。
追求还原度的话，把设计稿导成图片设置为 body 背景，然后一处处比对就可以了。

[killsting]

怎么你可以做的那么粗糙，你细心点改改，肯定可以做出来。

线粗，字号，字体，图片大小，阴影效果！赶紧给我改好了。

[BOYPT]

。。。我还以为多复杂的原型呢，骗我点进来

字号、用色、间距这些应该都是设计师应该设计好的，如果没有，那只能码农即兴发挥了，怪不了谁。

[stabc]

怎么办？学呗。这些都是作为前端最最基本的技能，这些都不会就先别急着挣钱。

[loading]

切图，包括文字。

[plqws]

用我高中时听到最多的话送给你：这不是能力问题，这是态度问题

[JohnH]

我有时为了 100% 的还原，都是把设计稿设置为空白页面的底图，然后把大致结构规划好，再套样式。

就像上面说的，除了那些真的变形的（强制压扁的文字什么的）内容，其他的我想没有什么做不出来的

[Muninn]

我也以为啥炫酷效果。。
点进来看了后很失望

[anoymoux]

高保真还原设计图是前端最基本的能力，这都做不到就没法工作了。。
实际工作中前端的工作更复杂，还要考虑浏览器兼容性，设备分辨率等等

[lwbjing]

像素级别的实现，是一个切图仔的职业准责...

[rebeccaMyKid]

谢谢各位前辈指正。。。我提这个问题只是想知道这个工作流程是怎么样的。。两张图只是举了个例子。。
这个任务的要求没有那么严格。。
#字体我是故意的
#图片在要求中写了 300px 然后给的图片却是满屏
# 2 楼前辈说的阴影我真的是没注意到～

谢谢各位 （被喷成了马，我的态度真的没问题 T_T ）

[shiji]

我在学校学网页编程的时候就是自己提交代码，学校服务器直接渲染成图片和标准答案对比。除非老师有说明，否则一个像素点都不能差。

[old9]

r#15 @shiji 这个厉害

[yoa1q7y]

你这个完全可以 100%还原，一点难度也没有

[mirrosite]

没有挑战性，所以没有动力， 人的大脑对没有积极反馈的东西是提不出兴趣的 所以为什么一种框架熟悉了以后就再心思再折腾了

[herozzm]

要是出现在我公司这样做事估计会被开除

[chunqiuyiyu]

一股敷衍了事的气息扑面而来