你在切图的时候会追求“像素完美”吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
YFZZ
V2EX    问与答

你在切图的时候会追求“像素完美”吗?

  •  
  •   YFZZ
    PRO
    2012-04-17 01:52:06 +08:00 5439 次点击
    这是一个创建于 4935 天前的主题,其中的信息可能已经有所发展或是发生改变。
    如果要兼容常见浏览器的“像素完美”会多写许多hack,我觉得只要近乎完美的还原设计图即可。大家怎么看?
    (常见浏览器:Chrome/Firefox/Opera/Safari/IE6~9)

    另外,你的设计师同事会有“像素完美”这样的要求吗?
    26 条回复    1970-01-01 08:00:00 +08:00
    Semon
        1
    Semon  
       2012-04-17 02:18:56 +08:00
    我自己早年做设计和前端的时候就有这种强迫症,现在看到几个layout有像素差异就会对这个设计师印象不好,没办法改不了
    dea
        2
    dea  
       2012-04-17 02:53:34 +08:00
    我不相信居中对齐,我甚至会用计算器计算每个像素
    Aether
        3
    Aether  
       2012-04-17 03:03:37 +08:00
    毫无疑问,必须完美。我不相信99%这件事。
    Aether
        4
    Aether  
       2012-04-17 03:04:30 +08:00
    "你的设计师同事会有“像素完美”这样的要求吗?"

    我曾有幸和一位这样的同事合作过。
    jo32
        5
    jo32  
       2012-04-17 03:18:50 +08:00
    Every pixel counts.
    evlos
        6
    evlos  
       2012-04-17 05:01:15 +08:00
    必须要像素完美啊,不然总觉得全身不舒服 >_<
    liyandong
        7
    liyandong  
       2012-04-17 07:15:34 +08:00
    好像强迫证
    liyandong
        8
    liyandong  
       2012-04-17 07:16:22 +08:00
    症………万恶的手机拼音输入法
    hahaxo
        9
    hahaxo  
       2012-04-17 11:17:36 +08:00
    这是必须的!
    robinray
        10
    robinray  
       2012-04-17 11:27:32 +08:00
    这是前端和设计的基本素质吧
    Sivan
        11
    Sivan  
       2012-04-17 11:33:43 +08:00
    一般情况下,这是应该的。除非客户自己不在意,只求你尽快完成,或者有时设计师考虑不周到,我人为给他修正坐标,会造成和设计图不统一。
    agui
        12
    agui  
       2012-04-17 11:34:16 +08:00
    强迫症,会一直调,直到自己感觉最舒服为止,哪怕1px.
    Dzinlife
        13
    Dzinlife  
       2012-04-17 11:37:13 +08:00
    1px在很多情况下也是可以明显看出来的亲~
    就算你看不出来,你也应该听过柜子背面不应该用烂木头的故事。
    chuangbo
        14
    chuangbo  
       2012-04-17 11:40:53 +08:00
    一个完美的设计,漏掉 1px 就有可能变的很山寨了。但是,这是最完美的情况,如果因为 1px 久久不能调试出来而错过上线的最佳时机那就本末倒置了。
    bluevisor
        15
    bluevisor  
       2012-04-17 12:32:49 +08:00
    我觉得把像素和设计稿件对齐只能算是及格吧。。。距离完美还有大约两千公里。。。
    mygoare
        16
    mygoare  
       2012-04-17 12:34:41 +08:00
    会精确到像素,用计算器算是经常的吧。。。呵呵
    YFZZ
        17
    YFZZ  
    OP
    PRO
       2012-04-17 18:01:16 +08:00
    今天……眼睛好疼!
    bluex
        18
    bluex  
       2012-04-17 18:12:15 +08:00
    不能一概而论

    如果是重设计感的部分,那自然是要求像素级的对齐,这样才能真实的反映设计师的设计意图

    但如果是纯内容的部分,差一两个像素,我觉得问题真的不大,比如像v2ex这个回复框,你会在意它在ie6下或者什么别的浏览器下矮了一个像素么?真心的不重要的部分。

    web不是平面广告!
    underone
        19
    underone  
       2012-04-17 18:18:57 +08:00
    我会让IE6之外的其他约等于一样
    IE6只要不错位,差3px又如何~
    loading
        20
    loading  
       2012-04-17 18:54:31 +08:00
    如果是细节网页,必须。
    如果一看就垃圾设计,爱怎么搞怎么搞
    ytzong
        21
    ytzong  
       2012-04-17 18:58:33 +08:00 via iPad
    看心情
    Aether
        22
    Aether  
       2012-04-17 19:00:59 +08:00
    @bluex
    很简单,就像那句话一样:“你知道它在那儿”。
    leegorous
        23
    leegorous  
       2012-04-17 19:09:13 +08:00
    我觉得这样的要求总体来说有好处,随着时间的推移,精准的设计质量有保证,而且也方便使用
    Hyperion
        24
    Hyperion  
       2012-04-17 19:55:27 +08:00
    尽可能保证. 但除非是非常重要的地方 或者 是为了对付ie6, 优先保证代码质量, 绝对不动用hack.
    fanzeyi
        25
    fanzeyi  
       2012-04-17 20:01:21 +08:00
    做为非设计师…… 表示差 1px 的距离就会感到不适……
    romoo
        26
    romoo  
       2012-04-17 20:11:48 +08:00
    看设计师给的 PSD 分层是否混乱。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5472 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 07:59 PVG 15:59 LAX 00:59 JFK 03:59
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86