作品 06跨屏视觉 · 自主命题作品

数字传播视觉设计

围绕线上内容的多屏阅读问题,让桌面长页、移动卡片与社交媒体切片保持统一的信息层级。

信息层级页面视觉跨屏适配内容模块
数字传播视觉设计
核心命题

让同一份内容,在不同屏幕保持节奏。

设计动作

信息层级 / 页面视觉 / 跨屏适配 / 内容模块

输出场景

桌面长页 / 移动卡片 / 社交切片

作品属性

自主命题 · 跨屏视觉

让同一份内容,在不同屏幕保持节奏。

桌面端负责完整叙事,移动端强调快速扫描,社交切片则保留最强的信息锚点。

统一裁切比例、编号系统和色块位置,让内容改变尺寸时不失去视觉连续性。

过程重点拆分标题、图像、引导和数据模块,建立可复用版式,并验证横屏、竖屏与方图比例。

视觉拆解

跨屏、节奏与信息

图像裁切信息编号跨屏模块
视觉构成屏·流

编号与模块化卡片组织不同屏幕中的阅读顺序。

色彩关系
深海蓝数字蓝珊瑚红暖象牙

深海蓝稳定底色,数字蓝建立技术感,珊瑚红只用于转场。

系统与延展01桌面长页02移动卡片03社交切片

内容模块可在桌面、移动端与社交媒体中重组。

继续浏览