为什么网页 GUI 在 mac 上很好看的,到了 win 下就很丑 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
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
Naei  
   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     Solana     932 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 28ms UTC 22:39 PVG 06:39 LAX 14:39 JFK 17:39
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