移动体验

把“发现 → 详情 → 播放 → 继续看”带到手机

星空传媒的移动体验围绕六个最常用场景设计:找到内容、读懂详情、开始播放、切换集数、收藏以后再看,以及接回上次观看。页面展示界面逻辑,不提供虚假安装包、二维码或未实现的账号同步。

星空传媒手机体验

明亮品牌里保留影视主体

移动端继续使用浅玫粉、暖白、玫红与深莓色,但影片海报和剧照保持原始色彩。品牌色负责按钮、状态与信息层级,影视图片仍然是第一视觉。

触控操作不会依赖 Hover 才显示关键内容,底部快捷栏提供首页、发现、搜索、片单和“我的”入口,并通过额外页面底部留白避免遮挡正文。

星空传媒移动端品牌体验

六个关键场景

每张固定界面图都配独立说明。重点不在“看起来像手机”,而在不同宽度下仍然保持可读、可点、可返回的完整路径。

发现界面

发现

把 Hero、大搜索、观看情绪和频道入口压缩到较小屏幕时,最重要的是保持顺序清楚,而不是把桌面所有模块同时塞进首屏。移动端先展示可立即操作的搜索与推荐,再让片单、文章和社区自然向下延伸。

影片详情界面

影片详情

详情页在手机上改为单列,让片名、评分、状态与播放按钮先出现,剧情简介、编辑推荐、幕后看点和演员信息随后展开。这样既保留完整资料,又避免左右栏在窄屏中互相挤压。

播放界面

播放

播放器保持标准视频比例并提供原生 controls,下面排列倍速、全屏、画中画和关灯等操作。深莓影院区域只包围观看空间,离开播放器后页面重新回到浅玫粉背景,不把整站做成黑色。

选集界面

选集

选集面板在桌面位于播放器右侧,在手机上自动移动到视频下方。当前集用玫红突出,其余条目保持深莓底色;集数较多时可以自然滚动,触控区域也会保持足够尺寸。

收藏界面

收藏

收藏状态保存在当前浏览器,通过明确按钮而不是复杂账号流程完成。它适合记录“以后想看”的内容,并和主题片单形成互补:片单是编辑策展,收藏则完全属于个人的临时清单。

历史界面

历史

播放开始后会写入本地观看历史和进度,首页的继续观看据此恢复最近内容。记录不自动同步到其他设备,清理浏览器站点数据后也可能消失,因此页面会把这种边界说清楚。

发现先于功能堆叠

手机屏幕更小,所以入口优先级必须更明确。首页不会让账号、广告或大量工具抢走注意力,而是先给出搜索、重点推荐、正在热播和观看情绪。用户知道想看什么时可以直接搜索,不知道时可以从“紧张刺激”“温暖治愈”“真实人生”等需求进入。

长列表通过横向轨道和两列海报减少纵向长度,但无脚本时仍能自然换行。所有重要链接都是服务器直接输出的真实页面,不需要等待异步接口才能看见核心内容。

播放器要能被单手理解

在窄屏中,视频本身始终优先。选集、线路和附加控制放在视频下方,避免播放器被过多按钮挤小。Space、方向键、M 与 F 等键盘快捷键主要服务带键盘设备,手机仍以原生触控和浏览器视频能力为基础。

播放只连接本地演示视频路径;如果文件不存在,页面给出友好错误提示,不尝试调用外部地址。这样的边界让功能结构完整,同时避免出现解析、盗链、付费绕过或地域限制绕过。

本地记录明确说明边界

收藏、历史、播放进度、视图模式、自动下一集和音量偏好保存在当前浏览器。优点是无需账号也能保留基本连续性,限制是这些数据不会跨设备同步,清理站点数据也会让记录消失。

共用设备时,用户可以根据自己的隐私习惯清理浏览器记录。站点不会把本地历史包装成未实现的云端同步,也不会虚构注册规模或下载量来证明产品价值。

可访问性从结构开始

图片提供自然替代文字,按钮有可读标签,菜单与 FAQ 暴露展开状态,焦点样式不会被删除。重要内容不用悬停才能看到,键盘也可以操作菜单、轮播、FAQ 与播放器。

同时尊重系统的“减少动态效果”偏好。当用户希望更少动画时,卡片渐显和滚动过渡会关闭,信息仍保持完整。移动体验的目标不是增加更多动效,而是让每一步都更容易理解。