ALTORA HOMES · MASTER VISUAL LANGUAGE

让每一帧
都像同一个品牌

这是 Altora 房产数据视频的唯一视觉基准。所有地图、榜单、数字对比、房屋插画和转场动画都从这里取用,保证视频之间统一、专业、可识别。

CORE PRINCIPLE编辑感的数据叙事
不是普通的 PPT 图表
清晰优先 · 数据有重点 · 图画服务信息 · 动效克制有节奏
01 · FOUNDATION

品牌色与使用比例

主画面只使用四组核心颜色。深蓝与米白轮换作为背景,不使用纯黑;金色用于关键结论,红色只用于排名、风险和强对比。
EDITORIAL IVORY排行榜、清单、解释型画面#F3F0E8
SIGNAL GOLD结论、重点数字、热点定位#F4BE2B
DATA CORALTop 3、风险、差距与警示#FF4A43
建议画面比例:深蓝 48% · 米白 34% · 金色 12% · 红色 6%
02 · TYPOGRAPHY

字体系统

中文不使用倾斜字体,不做夸张描边。数字统一使用等宽数字特性,确保排行榜和数据跳动时不晃动。
DISPLAY / 72–108 pxMicrosoft YaHei UI Bold
同一个 ZIP,两个真相
TITLE / 42–64 pxMicrosoft YaHei UI Bold
预算 300 万,硅谷到底该盯哪里?
BODY / 24–34 pxMicrosoft YaHei Regular
好产品依然很抢,但不同数据口径观察的是不同房源集合。
DATA / 96–190 pxSegoe UI Bold · Tabular
95 77
03 · VIDEO FRAME

标准 16:9 画面

1920×1080,四周至少保留 7% 安全区。标题左上、品牌右上、来源右下;主要信息横平竖直。
ALTORA HOMES · CUPERTINO 95014
同一个 ZIP,两个真相
成交竞争度90
当周在售中位天数77
✓ 应该这样

卡片、文字、数据条全部水平;用颜色和尺寸建立重点;背景使用深蓝或米白。

× 不要这样

不旋转标签,不做斜切数据条,不用纯黑底,不同时使用超过两种强调色。

04 · COMPONENTS

可复用信息组件

以后视频优先从这套组件组合,不为每条视频重新发明视觉语言。

排名榜 / Ranking

只有真实前 3 名使用红色,不按版面位置判断。

01
95
02
94
03
94
04
90

地图定位 / Map Pin

简化地形、保留海湾轮廓,以金色热点和深蓝标签定位。

结论标签 / Callout

保持水平、短句优先,用在画面的最终落点。

最贵,不一定最抢
ZIP 95014竞争度 90在售 77 天

数据进度 / Data Bar

矩形直线进度条;动画从左向右展开,不使用斜切。

市场速度77%
05 · ILLUSTRATION

插画素材语言

统一采用高级编辑插画:轻微 2.5D、哑光质感、真实比例、低饱和。画面中插画透明度通常为 65–90%,不可抢过数据主体。
现代湾区独立屋
简化地图与街区
专业人物剪影
数据与趋势图形
推荐关键词

editorial illustration、premium real estate、matte texture、subtle 2.5D、architectural accuracy、muted teal and warm ivory。

禁止画风

廉价卡通、儿童绘本、过度写实照片拼贴、霓虹科技感、塑料 3D、复杂背景和夸张透视。

06 · MOTION

动画节奏

动效为信息服务。每次只让一个视觉层级成为焦点,避免所有元素一起飞入。
01 · REVEAL标题入场

0.45–0.65 秒
向上 24px + 淡入
Ease Out

02 · DATA数字增长

0.7–1.1 秒
整数递增
结尾轻微回弹

03 · CHART图表展开

0.8–1.2 秒
从左向右
依序错开 0.12 秒

04 · TRANSITION段落转场

0.45–0.7 秒
色块遮罩或推移
不用旋转和翻牌

07 · TEMPLATES

六种标准画面

选模板时先看信息目的:开场提出问题、比较制造反差、榜单建立秩序、地图说明位置、流程解释逻辑、结论完成记忆。
01 · 开场问题$3M
02 · 双栏对比95 VS 64
03 · TOP 排行榜TOP 10
04 · 地图定位95014
05 · 六维条件01—06
06 · 最终结论