V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
rebeccaMyKid
V2EX  ›  问与答

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

  •  
  •   rebeccaMyKid · May 16, 2016 · 3264 views
    This topic created in 3634 days ago, the information mentioned may be changed or developed.

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

    rebeccaMyKid
        1
    rebeccaMyKid  
    OP
       May 16, 2016
    要求:

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

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

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

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

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

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

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

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


    你这个图吧,字体故意属于挑战设计师, 300PX 给满屏不怪你需求问题,阴影没注意到属于基本功,打回去改改改
    echohanyu
        23
    echohanyu  
       May 16, 2016
    作为一个产品已经看不下去了。。。
    Light3
        24
    Light3  
       May 16, 2016
    = = 我虽然是个 php 我写页面会量大致的宽度 你这个图片血崩。你好意思给人看。细节可以慢慢改 但是你一看就血崩阿。。
    rebeccaMyKid
        25
    rebeccaMyKid  
    OP
       May 16, 2016 via Android
    @Light3 前辈我求你看看上面的我的回复,都说了要求写的是 300px 了,还有这是一个作业不是产品不是产品!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5641 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 908ms · UTC 08:30 · PVG 16:30 · LAX 01:30 · JFK 04:30
    ♥ Do have faith in what you're doing.