作品 06跨屏视觉 · 自主命题作品
数字传播视觉设计
围绕线上内容的多屏阅读问题,让桌面长页、移动卡片与社交媒体切片保持统一的信息层级。

核心命题
让同一份内容,在不同屏幕保持节奏。
设计动作
信息层级 / 页面视觉 / 跨屏适配 / 内容模块
输出场景
桌面长页 / 移动卡片 / 社交切片
作品属性
自主命题 · 跨屏视觉
让同一份内容,在不同屏幕保持节奏。
桌面端负责完整叙事,移动端强调快速扫描,社交切片则保留最强的信息锚点。
统一裁切比例、编号系统和色块位置,让内容改变尺寸时不失去视觉连续性。
过程重点拆分标题、图像、引导和数据模块,建立可复用版式,并验证横屏、竖屏与方图比例。
视觉拆解
跨屏、节奏与信息
图像裁切信息编号跨屏模块
视觉构成屏·流
编号与模块化卡片组织不同屏幕中的阅读顺序。
色彩关系
深海蓝数字蓝珊瑚红暖象牙
深海蓝稳定底色,数字蓝建立技术感,珊瑚红只用于转场。
系统与延展01桌面长页02移动卡片03社交切片
内容模块可在桌面、移动端与社交媒体中重组。
继续浏览
上一作品 · 05
下一作品 · 07