主屏横置、副屏也横置
把网页窗口放到副屏靠近主屏的那一半,宽度收在一千到一千四百像素。主屏整块留给正在改的文档,侧头十五度就能看到未读点。
不要把窗口贴在副屏最外侧。头转得越远,未读越容易被当成「另一张桌子上的事」而漏掉。
两块屏高度不一致时,把窗口对齐主屏上沿,避免聊天区一半沉到副屏底座以下。你看不见的那截输入框,等于几何上把键入功能关掉了。
WhatsApp 网页版
屏幕一宽,会话列表、聊天区和联系人资料会摊成三栏,再被其他窗口叠住时,未读点就离开余光。本页只谈摆放和屏幕几何:多宽才撑得起三栏、双屏该放哪一块、和文档并排该收多窄。已经在用宽屏或双显示器的人,按宽度和遮挡来排即可。
三栏要同时站住,靠的是浏览器内容区的像素,不是显示器广告上的英寸数。系统缩放开到百分之一百二十五或百分之一百五十时,一块 27 英寸的屏也可能只够两栏舒服排列。
经验上,窗口客户区窄于大约九百像素时,资料栏会先收起来;再窄,列表和聊天会改成单列进出。你看到的不再是「宽屏三栏」,而是一个被挤扁的小窗。
超宽带如果把窗口拉满,三栏之间会出现大块空白,视线要从最左的名单跳到最右的资料,中间隔着过长的气泡行。撑得起,不等于应该拉满。
先量的是「准备分给 WhatsApp 的那一栏有多宽」,而不是整张桌子有多宽。整桌很宽、分给会话的只剩一条缝,三栏照样站不住。
需要稳定露出会话名和未读点。压得太瘦时,名字被截断,未读只能靠记忆去猜。
是真正读和写的区域。太宽时一行字拉得很长,太窄时长链接和图片都要折行。
最容易牺牲。常开会吃掉右缘,并排文档时往往先把它关掉,换回两栏。
| 分给窗口的大致宽度 | 常见几何结果 | 摆放建议 |
|---|---|---|
| 小于 720 像素 | 趋向单列,三栏拆开 | 改回手机,或只当通知条 |
| 720 到 1100 像素 | 两栏可站,资料栏不稳 | 关掉资料,列表加聊天并排 |
| 1100 到 1500 像素 | 三栏能同时出现 | 这是主屏或半张超宽的舒适区 |
| 大于 1600 像素还拉满 | 栏间距被拉空 | 收窗口,把多余宽度给文档 |
| 系统缩放高于 125% | 同样英寸下可用像素变少 | 按缩放后的客户区重测,不要按标称分辨率 |
双屏不是自动多出一个「会话专用屏」。要先看哪一块正对视线、哪一块只是侧头才看得到,再决定窗口落点。正对的那一块应留给正在写的材料,会话窗口更适合待在余光能够扫到未读、又不必转头九十度的位置。
主屏若已经铺满表格或编辑器,把网页端整个丢进主屏中央,会被自己的工作窗口反复盖住。副屏若分辨率低或缩放夸张,三栏又会先塌掉。两块都要量,不能只看主屏型号。
把网页窗口放到副屏靠近主屏的那一半,宽度收在一千到一千四百像素。主屏整块留给正在改的文档,侧头十五度就能看到未读点。
不要把窗口贴在副屏最外侧。头转得越远,未读越容易被当成「另一张桌子上的事」而漏掉。
两块屏高度不一致时,把窗口对齐主屏上沿,避免聊天区一半沉到副屏底座以下。你看不见的那截输入框,等于几何上把键入功能关掉了。
竖屏不要承担完整三栏。把窗口缩成名单加短聊天,或只保留列表高度,用来扫未读。打字和看长消息回到横着的主屏,避免在瘦长区域里折行。
竖屏的价值是高度,不是宽度。用它延长会话名单,而不是假装多出一块宽屏。
并排的目标是让会话和文档同时露出可用区域,而不是让两边都残缺。文档需要看清表格列时,应先保证文档宽度,再问网页端还能剩多少。反过来先把会话拉满,文档就只能显示半张表。
网页窗口收到大约八百到一千像素时,通常还能保住列表加聊天。再往下收,你就要在「看见名单」和「看见正文」之间做选择。这个选择一旦出现,并排已经失败,不如改成主屏文档、副屏会话。
输入框被挤到窗口底部很小一块时,说明聊天栏已经太瘦。这时不要继续靠缩放浏览器来硬挤,把窗口加宽,或把文档改到另一块屏。
先固定文档窗口的最小可读宽度,例如表格还能看见关键列、文稿还能看见整句。
把剩下的宽度交给网页端,检查列表名字是否被截成无意义的两三个字。
关掉资料栏,让聊天区往右扩一点,确认输入框仍能完整出现。
若两栏仍站不稳,停止并排,把会话整窗移到另一块显示器。
屏幕很宽,并不保证几何上适合常开三栏。有些桌子宽,但有效高度不够:笔记本外接了超宽带,窗口纵向只剩短短一截,聊天记录只能看见三五条,列表也要频繁滚动。这种「横有余、竖不足」的桌面,宽屏优势用不上。
还有一种是缩放和字体被系统放得很大,标称 4K 的屏实际客户区和 1080p 差不多。三栏名义上在,每栏却像被放大镜压过,并排任何文档都会立刻溢出。
投影克隆到同一画面、或两块屏被设置成镜像时,并没有第二块几何空间。窗口看起来像在双屏上,其实只是同一组像素被复制。这种布置不要按双屏方案来排。
两块屏缩放比例不一致时,窗口从一块拖到另一块,宽度数字没变,实际占用的视觉面积却会跳。三栏在主屏刚刚好,拖到副屏可能立刻挤成两栏,或被放大得只看得见半扇。混用缩放的桌面,每换一块屏都要重新量客户区。
任务栏、侧边停靠和系统时钟也会吃掉可用高度。超宽带横向很宽,底部任务栏加浏览器标签栏之后,聊天区可能只剩四五条气泡的高度。这种「横有余、竖不足」比分辨率数字更常被忽略。
正对阳光的亮屏、反射严重的玻璃桌面,也会让最右侧那一栏几乎读不出来。几何上栏还在,光学上等于没有。这类位置应把窗口挪到反光更弱的一块,而不是继续加宽。
未读点画在窗口和浏览器标签里。窗口被最大化的幻灯片、远程桌面或全屏视频盖住时,这些点一起离开视线。系统托盘不一定会替网页端再点一盏灯,你不能假设「挡住了也会响」。
部分被挡和全部被挡不一样。底下露出一条列表时,你还能靠名字变粗判断有新消息;整窗消失时,几何信息为零。开会前如果必须全屏,事先把窗口搬到第二块屏的可见区,而不是最小化指望记忆。
多桌面或虚拟桌面也会造成同等遮挡:窗口还在运行,但不在你当前看到的那一张桌面上。切换桌面回来之前,未读对眼睛来说等于不存在。
把窗口吸附到屏幕四角时,每角只分到约四分之一的像素。对三栏来说这几乎必然塌成单列。吸附适合文档对照,不适合会话窗口。需要它待在余光里时,用「半屏或固定宽度」而不是四角磁贴。
显示器之间的物理缝也会造成误判。窗口一半压在缝上时,最右侧资料栏可能落在你转头才看得到的位置,等于这栏在几何上存在、在使用上缺席。让整扇窗口完整落在其中一块玻璃里,比骑缝摆放更稳。
从占位上看,网页窗口和桌面应用是两套边框,吃的是同一类像素。一边已经按宽度摆稳,另一边再占一块屏,并不会让三栏变得更清楚,只会少掉一块写材料的地方。
两套界面同时开着时,未读可能出现在你没看的那一扇。几何上你多了一个窗口,注意力上少了一块确定的落点。需要桌面应用的离线能力时,应关掉网页窗口,把那份宽度整段让出,而不是并排两套会话。
打开官方网页版并在手机「已链接的设备」扫电脑屏幕二维码之后,先只摆一扇窗口。确认三栏宽度、所在屏幕和遮挡关系都稳定,再决定要不要为了别的理由换成应用,而不是两头都占着。
若桌面应用已经占着副屏,网页窗口再叠到同一块上,两套边框会抢同一条宽度,三栏更容易塌。先关掉其中一扇,把腾出来的像素量一遍,再决定留下哪一端。
笔记本自己的小屏当作第三块用时,不要把会话塞进那块最矮的屏幕。高度不够时,列表和输入框会轮流被挤出视线,宽屏方案在这块小屏上不成立。
下面八条都落在像素、朝向和遮挡上。先对屏幕几何,再决定窗口收多宽、放哪一块。