根据这份思维导图,生成低保真原型图20张 - 图片创意预览

根据这份思维导图,生成低保真原型图20张

根据这份思维导图,生成低保真原型图20张

用户头像

1qj4dvq6zhZ...

2025.12.25
[商品] 使用【图1】八大测试+智龄自测详情页;保留全部内容结构:顶部八大科学测试九宫格、BMI模块、中部智龄成长自测标题、三步流程图标、底部双手机测评界面、最下方分龄推送栏;所有文字、图标、颜色、布局完全保留不变。 [画面] 目标:纵向拉长画面,增加上下呼吸空间。在顶部标题区与底部手机界面区、底部信息栏之间增加更多留白间距,让画面更舒展不拥挤。具体调整:① 顶部"八大科学测试"标题与上方云朵背景之间增加留白;② 八大测试九宫格与BMI模块之间间距加大;③ BMI模块与"智龄成长自测"标题之间增加更多过渡空间;④ 三步流程图标与下方双手机界面之间间距加大;⑤ 双手机界面与底部"分龄推送"栏之间增加留白。整体内容保持居中,上下各增加柔和云朵背景延展更多,画面更通透有呼吸感。 [视觉] 套系策略:风格=温馨治愈母婴风商业详情页;标题字=圆润可爱粗体中文;正文字=简洁圆润无衬线体;主色=樱花粉+婴儿蓝渐变;背景延展=基于粉蓝双色做柔和渐变、云朵质感、星光闪烁效果,上下方向延展更多云朵和星光;强调色=玫粉色,仅用于小面积图标、高亮标签和按钮点缀;标题色=深玫红;正文色=深棕灰;组件=圆角白色信息卡、细线图标、爱心/星星装饰元素;光影=顶部柔和暖光,整体明亮通透,带梦幻光晕。 [文字] 所有文字内容、位置、大小不变,仅通过增加模块间距实现拉长效果,文字均为横排。 [规格] 淘宝/天猫详情页竖版,比例约9:20(更长),4K分辨率,避免变形、错字、文字过小、冷灰背景、界面错乱。[商品] 使用【图1】八大测试+智龄自测详情页;保留全部内容结构:顶部八大科学测试九宫格、BMI模块、中部智龄成长自测标题、三步流程图标、底部双手机测评界面、最下方分龄推送栏;所有文字、图标、颜色、布局完全保留不变。
[画面] 目标:纵向拉长画面,增加上下呼吸空间。在顶部标题区与底部手机界面区、底部信息栏之间增加更多留白间距,让画面更舒展不拥挤。具体调整:① 顶部"八大科学测试"标题与上方云朵背景之间增加留白;② 八大测试九宫格与BMI模块之间间距加大;③ BMI模块与"智龄成长自测"标题之间增加更多过渡空间;④ 三步流程图标与下方双手机界面之间间距加大;⑤ 双手机界面与底部"分龄推送"栏之间增加留白。整体内容保持居中,上下各增加柔和云朵背景延展更多,画面更通透有呼吸感。
[视觉] 套系策略:风格=温馨治愈母婴风商业详情页;标题字=圆润可爱粗体中文;正文字=简洁圆润无衬线体;主色=樱花粉+婴儿蓝渐变;背景延展=基于粉蓝双色做柔和渐变、云朵质感、星光闪烁效果,上下方向延展更多云朵和星光;强调色=玫粉色,仅用于小面积图标、高亮标签和按钮点缀;标题色=深玫红;正文色=深棕灰;组件=圆角白色信息卡、细线图标、爱心/星星装饰元素;光影=顶部柔和暖光,整体明亮通透,带梦幻光晕。
[文字] 所有文字内容、位置、大小不变,仅通过增加模块间距实现拉长效果,文字均为横排。
[规格] 淘宝/天猫详情页竖版,比例约9:20(更长),4K分辨率,避免变形、错字、文字过小、冷灰背景、界面错乱。