V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
leosirius666a
V2EX  ›  程序员

为什么网页 GUI 在 mac 上很好看的,到了 win 下就很丑

  •  
  •   leosirius666a · 2019-10-12 15:02:04 +08:00 · 9948 次点击
    这是一个创建于 1874 天前的主题,其中的信息可能已经有所发展或是发生改变。

    都是 chrome

    45 条回复    2019-10-13 21:03:12 +08:00
    learnshare
        1
    learnshare  
       2019-10-12 15:07:48 +08:00 via Android
    默认字体有差别
    GarethChu
        2
    GarethChu  
       2019-10-12 15:12:54 +08:00   ❤️ 1
    一个是字体,还有 Mac 的分辨率比较高
    wangkun025
        3
    wangkun025  
       2019-10-12 15:19:51 +08:00
    错觉
    murmur
        4
    murmur  
       2019-10-12 15:22:01 +08:00
    你确定在 chrome 下渲染的么?上个对比图看看
    murmur
        5
    murmur  
       2019-10-12 15:24:02 +08:00
    我的意思是真的浏览器不是那种 electron 套壳,都有选项卡地址栏这些 mac 的 ui 因素也不会影响很大
    bumz
        6
    bumz  
       2019-10-12 15:24:58 +08:00 via iPhone
    字体渲染影响很大

    高分屏,色彩的准确性也有关系
    484A4B
        7
    484A4B  
       2019-10-12 15:26:00 +08:00
    字体不同,字体渲染方式不同
    用 mactype 和 stylish 能改善
    Biwood
        8
    Biwood  
       2019-10-12 15:38:41 +08:00
    我用 Windows 系统连接 4K 显示器看网页的时候也觉得比在 macOS 上好看
    raffaellolin
        9
    raffaellolin  
       2019-10-12 15:44:21 +08:00 via Android   ❤️ 5
    发这些可以贴一下图吗,打算让我们脑补问题自己回答咩
    beSimple
        10
    beSimple  
       2019-10-12 16:02:17 +08:00
    你是让我们随便百度两张图片对比吗?
    Leonard
        11
    Leonard  
       2019-10-12 16:14:25 +08:00
    如果是同一块显示器的话,那无非字体渲染和色彩管理吧
    jugggao
        12
    jugggao  
       2019-10-12 16:27:10 +08:00
    我以前也觉得 Windows 字体看着没 Mac 清晰,直到看见了 XPS 4K 屏的显示。。
    yinzhili
        13
    yinzhili  
       2019-10-12 16:37:02 +08:00
    显示器规格有差别吗?
    tanranran
        14
    tanranran  
       2019-10-12 17:02:17 +08:00
    请用同样的显示器 来测试
    Nasei
        15
    Nasei  
       2019-10-12 17:05:23 +08:00 via Android
    你至少得给 win 配一个和 mac 等级别的显示器,再说别的
    Kerwin1202
        16
    Kerwin1202  
       2019-10-12 18:01:23 +08:00
    让我想起了好几个软件,为什么 mac 界面很好看, win 目不忍视
    PopRain
        17
    PopRain  
       2019-10-12 18:07:53 +08:00
    chrome windows 下渲染本来就没有 edge 看着舒服,我主力用 edge
    Osk
        18
    Osk  
       2019-10-12 18:38:23 +08:00
    说个无关的,不知道为什么,我一直感觉一些 linux 发行版的默认配色都看起来很闷。

    比如最近在用 ubuntu 1804,总感觉看起来很压抑,自带的壁纸看起来一点不活泼,kde 送的壁纸也是。这和 win10、mac os 自带的比起来差别明显
    o00o
        19
    o00o  
       2019-10-12 18:43:16 +08:00 via Android
    连个图都不贴,楼上还这麽积极回复,果然程序猿好讲话
    pC0oc4EbCSsJUy4W
        20
    pC0oc4EbCSsJUy4W  
       2019-10-12 18:55:28 +08:00
    @Biwood 并没有好不好,win ( 1903 ) 4k27 寸 下面缩放 200%,chrome 字体依旧难看。
    pC0oc4EbCSsJUy4W
        21
    pC0oc4EbCSsJUy4W  
       2019-10-12 18:56:13 +08:00
    @Nasei 同样显示器,win 开 200%缩放,chrome 字体也难受,比不了 mac 的。
    AlphaTr
        22
    AlphaTr  
       2019-10-12 19:29:10 +08:00   ❤️ 1
    上传两张截图,用的是微软自己的网页,

    https://p3.ssl.qhimg.com/t019f2e287e5bb84580.png

    https://p0.ssl.qhimg.com/t01fa56debebf7dc06c.png

    对比可以看出来,主要区别在于字体; 1. 在高分屏下,微软雅黑中文由于中宫比较大,显的不好看; 2. chrome 在 windows 下对于字体的渲染混合了灰度和亚像素渲染(截图中标题和正文),看起来不协调,不知道是 chrome 的原因还是系统的原因,个人感受不喜欢亚像素渲染,对字体边缘呈红色和蓝色比较敏感; mac 下就是用灰度渲染,看着色彩比较纯; 3. 字体边缘处理,windows 比 mac 锐利,这个看个人偏好了吧,我自己低分辨率喜欢 windows 的锐利,高分辨率喜欢 mac 的圆润。
    youyaang
        23
    youyaang  
       2019-10-12 19:34:25 +08:00
    windows 系统字体渲染出来挨打!
    azh7138m
        24
    azh7138m  
       2019-10-12 19:43:03 +08:00
    @AlphaTr 我更喜欢 win7 提示的那个效果

    2K 屏 OS X 被吊起来打,4K 屏 OS X 看着好很多(默认设置下)
    AlphaTr
        25
    AlphaTr  
       2019-10-12 19:48:58 +08:00
    @azh7138m 对,win7 提示那一条除了字体,渲染算是很好的了;

    PS:补充一个,微软自己的字体渲染,中文和英文数字字重差别比较大,同一个字也是渲染的粗细不一(「针对 Windows 7 的支持将于 2020 年 1 月 14 日终止」 这句话比较明显,尤其「将」字)加上 Mac 下对比 https://p5.ssl.qhimg.com/t019077e6d234f0c275.png
    veike
        26
    veike  
       2019-10-12 19:57:55 +08:00 via Android
    mac 看多了也就那个样子,审美疲劳
    azh7138m
        27
    azh7138m  
       2019-10-12 19:58:30 +08:00
    @AlphaTr 唉,在上家的时候就和设计说,要用 noto 来出稿子,这样大家体验一致(我 deepin 其他开发 OS X 用户 windows ),但是设计只用默认的苹方,很僵硬


    我总觉的不同字体的 letter-spacing 也不一样,能统一一个字体,才好在不同平台下对比啊
    AlphaTr
        28
    AlphaTr  
       2019-10-12 20:03:04 +08:00
    @azh7138m 对,看了下思源黑系列在 Windows 下的表现,高分屏下看起来就比较协调;字体 + 硬件因素应该是最主要的感官影响
    hirasawayui
        29
    hirasawayui  
       2019-10-12 20:52:06 +08:00
    @Kerwin1202 比如 sourcetree?
    kingsleydon
        30
    kingsleydon  
       2019-10-12 21:23:03 +08:00
    微软雅黑是缺字重的,试试 font-weight: 600 表现就差很多
    twomoe
        31
    twomoe  
       2019-10-12 21:27:39 +08:00   ❤️ 2
    话说大概从 18 年开始就流传的新版微软雅黑(六字重),怎么还不在正式版中推出……也不知道 11 月更新会不会有……
    zhuangzhuang1988
        32
    zhuangzhuang1988  
       2019-10-12 21:31:45 +08:00
    无图无真相
    Nasei
        33
    Nasei  
       2019-10-12 21:45:47 +08:00
    @fatelight 你换 edge 再看看
    auroraccc
        34
    auroraccc  
       2019-10-12 22:09:56 +08:00
    4k 屏 windows 也很好看呀
    Nick66
        35
    Nick66  
       2019-10-12 22:50:49 +08:00
    视网膜屏?
    mxalbert1996
        36
    mxalbert1996  
       2019-10-13 00:28:15 +08:00 via Android
    @AlphaTr 中西文字重不一样这个跟渲染没关系,纯粹是是因为 Segoe UI 这个字体本来就偏细,比微软雅黑细。同一个字的粗细不一是因为微软雅黑出了名的垃圾 hinting。
    20015jjw
        37
    20015jjw  
       2019-10-13 01:39:51 +08:00 via Android
    游戏机系统能看就不错了
    ps4 上你要求网页渲染效果吗?
    neoblackcap
        38
    neoblackcap  
       2019-10-13 03:06:00 +08:00
    @20015jjw PS4 用 FreeType,基本思路跟苹果是一个路子
    20015jjw
        39
    20015jjw  
       2019-10-13 03:20:07 +08:00 via Android
    @neoblackcap 太惨了
    vipcc
        40
    vipcc  
       2019-10-13 08:19:13 +08:00 via Android
    无图无真相,
    试试 surface
    azuki
        41
    azuki  
       2019-10-13 08:58:46 +08:00 via Android
    没人说 linux 吗? chrome 更丑了
    worldGM
        42
    worldGM  
       2019-10-13 10:47:42 +08:00 via Android
    @Osk 同,觉得少了一点活泼,通透感,鲜明和生气。
    slanternsw
        43
    slanternsw  
       2019-10-13 13:25:06 +08:00 via Android
    @twomoe 不,17 年九月就有的(
    JCZ2MkKb5S8ZX9pq
        44
    JCZ2MkKb5S8ZX9pq  
       2019-10-13 14:45:15 +08:00
    字体回退成不同字体,字体渲染,等等。
    twomoe
        45
    twomoe  
       2019-10-13 21:03:12 +08:00
    @slanternsw 时间忘记了,自己先下了手动替换了😂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3340 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 12:30 · PVG 20:30 · LAX 04:30 · JFK 07:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.