V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
rebeccaMyKid
V2EX  ›  问与答

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

  •  
  •   rebeccaMyKid · 2016-05-16 10:57:56 +08:00 · 2791 次点击
    这是一个创建于 3113 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    rebeccaMyKid
        1
    rebeccaMyKid  
    OP
       2016-05-16 11:05:39 +08:00
    要求:

    我的:
    yellowV2ex
        2
    yellowV2ex  
       2016-05-16 11:12:04 +08:00   ❤️ 4
    最简单的人家图片是占满宽度的你这算什么,
    外框投影人家是想下的你搞成斜的
    上面的 Clownfish 字人家也没有那么大

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

    趁还没交上去,赶快改好吧,下次不要问这种问题了。
    JiShuTui
        3
    JiShuTui  
       2016-05-16 11:13:11 +08:00   ❤️ 1
    图片宽度设为 100% 就差不多一样了吧。

    具体到工作中,设计稿一定是有标注的,这里该用什么字体,那里该用什么颜色都会标注出来,所以一般都是做到一模一样。
    你这里是因为没有标注。
    baby4free
        4
    baby4free  
       2016-05-16 11:15:28 +08:00   ❤️ 2
    有明显的字体不同。
    追求还原度的话,把设计稿导成图片设置为 body 背景,然后一处处比对就可以了。
    killsting
        5
    killsting  
       2016-05-16 11:15:45 +08:00   ❤️ 1
    怎么你可以做的那么粗糙,你细心点改改,肯定可以做出来。

    线粗,字号,字体,图片大小,阴影效果!赶紧给我改好了。
    BOYPT
        6
    BOYPT  
       2016-05-16 11:16:39 +08:00   ❤️ 1
    。。。我还以为多复杂的原型呢,骗我点进来

    字号、用色、间距这些应该都是设计师应该设计好的,如果没有,那只能码农即兴发挥了,怪不了谁。
    stabc
        7
    stabc  
       2016-05-16 11:16:53 +08:00
    怎么办?学呗。这些都是作为前端最最基本的技能,这些都不会就先别急着挣钱。
    loading
        8
    loading  
       2016-05-16 11:17:49 +08:00 via Android
    切图,包括文字。
    plqws
        9
    plqws  
       2016-05-16 11:36:46 +08:00 via Android
    用我高中时听到最多的话送给你:这不是能力问题,这是态度问题
    JohnH
        10
    JohnH  
       2016-05-16 11:51:21 +08:00
    我有时为了 100% 的还原,都是把设计稿设置为空白页面的底图,然后把大致结构规划好,再套样式。

    就像上面说的,除了那些真的变形的(强制压扁的文字什么的)内容,其他的我想没有什么做不出来的
    Muninn
        11
    Muninn  
       2016-05-16 11:52:24 +08:00
    我也以为啥炫酷效果。。
    点进来看了后很失望
    anoymoux
        12
    anoymoux  
       2016-05-16 11:57:03 +08:00
    高保真还原设计图是前端最基本的能力,这都做不到就没法工作了。。
    实际工作中前端的工作更复杂,还要考虑浏览器兼容性,设备分辨率等等
    lwbjing
        13
    lwbjing  
       2016-05-16 12:04:33 +08:00
    像素级别的实现,是一个切图仔的职业准责...
    rebeccaMyKid
        14
    rebeccaMyKid  
    OP
       2016-05-16 12:13:14 +08:00
    谢谢各位前辈指正。。。我提这个问题只是想知道这个工作流程是怎么样的。。两张图只是举了个例子。。
    这个任务的要求没有那么严格。。
    #字体我是故意的
    #图片在要求中写了 300px 然后给的图片却是满屏
    # 2 楼前辈说的阴影我真的是没注意到~

    谢谢各位 (被喷成了马,我的态度真的没问题 T_T )
    shiji
        15
    shiji  
       2016-05-16 12:17:20 +08:00   ❤️ 1
    我在学校学网页编程的时候就是自己提交代码,学校服务器直接渲染成图片和标准答案对比。除非老师有说明,否则一个像素点都不能差。
    old9
        16
    old9  
       2016-05-16 12:20:55 +08:00
    r#15 @shiji 这个厉害
    yoa1q7y
        17
    yoa1q7y  
       2016-05-16 12:28:38 +08:00
    你这个完全可以 100%还原,一点难度也没有
    mirrosite
        18
    mirrosite  
       2016-05-16 12:39:04 +08:00
    没有挑战性,所以没有动力, 人的大脑对没有积极反馈的东西是提不出兴趣的 所以为什么一种框架熟悉了以后就再心思再折腾了
    herozzm
        19
    herozzm  
       2016-05-16 12:40:28 +08:00 via Android
    要是出现在我公司这样做事估计会被开除
    chunqiuyiyu
        20
    chunqiuyiyu  
       2016-05-16 12:46:25 +08:00
    一股敷衍了事的气息扑面而来
    rebeccaMyKid
        21
    rebeccaMyKid  
    OP
       2016-05-16 12:53:03 +08:00 via Android
    前辈们能不能关注我问的问题不要乱喷,“开除,敷衍了事”,我知道我这个不难,我也写了是可以自定义的,而且我也是初学。可以对新人友好一些吗?
    xuelaistar
        22
    xuelaistar  
       2016-05-16 13:00:45 +08:00   ❤️ 1
    作为设计师的立场说一下:
    1.如果我提出很酷炫的效果,我会先问你是否能实现
    2.接上条酷炫的效果,我没有问你,你尝试过实在实现不了我希望你能先来跟我讨论,别自己感觉换了个差不多的
    3.如果只是普通的效果,字号颜色间距如果有漏掉没有标注到的,我希望你来问我,除非对自己审美非常自信
    4.普通的效果实现不了,除了加班 /自己查 /问别人还能怎样?
    5.3-4 条都做到的情况下,还做不到 90%一样,那就打回去改改改,这时候看你的态度和项目紧迫度来决定我的耐心


    你这个图吧,字体故意属于挑战设计师, 300PX 给满屏不怪你需求问题,阴影没注意到属于基本功,打回去改改改
    echohanyu
        23
    echohanyu  
       2016-05-16 14:14:16 +08:00
    作为一个产品已经看不下去了。。。
    Light3
        24
    Light3  
       2016-05-16 15:37:03 +08:00
    = = 我虽然是个 php 我写页面会量大致的宽度 你这个图片血崩。你好意思给人看。细节可以慢慢改 但是你一看就血崩阿。。
    rebeccaMyKid
        25
    rebeccaMyKid  
    OP
       2016-05-16 15:39:43 +08:00 via Android
    @Light3 前辈我求你看看上面的我的回复,都说了要求写的是 300px 了,还有这是一个作业不是产品不是产品!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1114 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 18:41 · PVG 02:41 · LAX 10:41 · JFK 13:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.