• 请不要在回答技术问题时复制粘贴 AI 生成的内容
leosirius666a
V2EX  ›  程序员

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

  •  
  •   leosirius666a · Oct 12, 2019 · 11160 views
    This topic created in 2579 days ago, the information mentioned may be changed or developed.

    都是 chrome

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

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

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

    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
    youyaang
    Oct 12, 2019
    23
    windows 系统字体渲染出来挨打!
    azh7138m
    azh7138m
    Oct 12, 2019
    24
    @AlphaTr 我更喜欢 win7 提示的那个效果

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

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


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