WANKE LIFE · PROTOTYPE

万科生活家 · 高保真原型集

从一张 9 屏线框图出发,产出五个版本:换皮五风格、首页信息流改版、9 屏统一布局,以及四套结构级备选布局。

画布 390 × 844(iPhone 14) 页面 9 屏 版本 5 套 文件 22 个 · 单文件自包含
01

换皮 · 五套视觉风格

结构完全一致,只替换配色与质感。适合先定视觉基调。

02

换骨 · 首页信息流改版

首页信息架构重做:沉浸大图 + 上浮服务条 + 双列瀑布流 + 浮动胶囊 tabbar。同一套布局配五套皮肤。

03

归一 · 9 屏统一布局

首页定稿后,其余 8 屏按同一结构语言重做,不再是「首页新、其他屏旧」。推荐用于正式评审。

04

备选 · 四套结构级布局

配色统一为品牌红金,只有结构在变,用于对比不同的信息组织方式。

05

对比图

并排对比截图,适合直接放进评审材料。

使用提示
· 点击任意手机屏可单屏放大,Esc 或点背景关闭
· 支持深链接:?screen=home 直达某屏、?demo=filter 打开筛选抽屉、?demo=modal 打开表单、?theme=cn 指定主题(切换版)
· 图片来自 Unsplash 免费图库,非万科真实项目素材;控件为手写 CSS,不是 Figma 组件实例