早上挤地铁的时候，顺手打开一个购物App，一进去就是一张巨幅海报——海边的日落、城市的夜景，或者某个明星的笑脸，铺满了整个屏幕。这就是常见的登录界面全屏背景。很多人以为这只是为了“好看”，其实它背后有不少讲究。
视觉第一印象很重要
你有没有发现，那些背景图特别精致的App，哪怕功能差不多，也会让人觉得“更专业”？比如银行App用深蓝色星空背景，看起来就稳重可信；健身App用晨跑者的剪影配上朝阳，立马有种“该动起来了”的感觉。全屏背景就像是门面装修，谁都不愿意进一家灰扑扑、没精神的小店。
不只是图片，还能传递信息
有些网站的登录页背景不是静态图，而是轮播图或者小动画。比如节日期间，背景变成红色主题，飘着雪花或灯笼，用户不用点进去就知道“哦，有活动”。这种设计比弹窗提醒更柔和，也不打扰操作。
技术实现也没那么复杂
前端开发里，实现一个全屏背景其实挺简单。核心就是让背景图撑满整个视口，并且不重复、居中显示。常用CSS代码像这样：
<style>\n body {\n margin: 0;\n padding: 0;\n height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n background: url('bg.jpg') no-repeat center center fixed;\n background-size: cover;\n }\n</style>这段代码会让图片始终覆盖整个屏幕，即使窗口大小变了也不拉伸变形。现在很多网页框架也内置了这类组件，设计师上传一张图，系统自动适配。
小心别“美”过头
也不是越大越好。曾经有个朋友吐槽，他爸用的医院挂号系统，登录页背景是一张高清全家福风格的幸福家庭照，结果老人根本找不到登录框在哪，点了好几次“照片上的人”。背景图太抢眼，反而影响功能。尤其是字体颜色和背景对比不够时，输入框就像“隐身”了一样。
所以好的全屏背景，得在美观和实用之间找平衡。图要清晰，但不能盖过操作入口；色调要协调，最好和品牌颜色一致。比如知乎用浅灰蓝背景配白色卡片，清爽又聚焦；网易云音乐经常用专辑封面做背景，氛围感直接拉满。
下次你打开某个App，不妨多看两秒这个登录页。那张图可能不是随便选的，它在悄悄告诉你：这是个什么样的地方，你想不想留下来。