生成一个低保真原型ui设计,基于参考图片的界面内容,转换为低保… - 图片创意预览

生成一个低保真原型ui设计,基于参考图片的界面内容,转换为低保…

生成一个低保真原型ui设计,基于参考图片的界面内容,转换为低保真线框原型风格,保留界面布局结构

用户头像

GD778249404

2026.06.13
生成中国非遗文化主题App首页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前首页图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原。从上到下布局:- 顶部搜索区:高度56pt,左右边距16pt,左侧浅灰圆角8pt搜索框,占位文字"🔍 搜索项目/传承人/活动/课程",右侧24x24pt消息图标。- Banner轮播:高度160pt,左右边距16pt,圆角12pt,显示三张卡片"非遗节"、"大师专访"、"限时活动",右下角有轮播指示点。- 核心功能入口2x2网格:高度100pt,每个入口宽165pt、高80pt,圆角12pt。四个入口依次是【VR展馆】图标+文字;【限时体验课】带倒计时角标;【非遗直播】带"热播中"红点;【打卡挑战】带"今日挑战"标识。- 推荐流标题:高度44pt,左对齐文字"推荐作品",右侧"更多 >"。- 双列瀑布流:两列等宽,列间距12pt,左右边距16pt。每个卡片宽165pt,包含140pt高图片区、16pt加粗标题、标签(如"直播中"、"1.2w观看")、小头像+昵称。卡片依次展示:"剪纸教程"显示2.3w观看;"皮影戏"显示直播红点;"刺绣技法";"陶瓷手作"。- 右下角悬浮圆形朱砂红背景发布按钮带"+"。生成高清效果图,光线自然,无文字乱码,所有元素位置比例精准。生成中国非遗文化主题App首页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前首页图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原。从上到下布局:- 顶部搜索区:高度56pt,左右边距16pt,左侧浅灰圆角8pt搜索框,占位文字"🔍 搜索项目/传承人/活动/课程",右侧24x24pt消息图标。- Banner轮播:高度160pt,左右边距16pt,圆角12pt,显示三张卡片"非遗节"、"大师专访"、"限时活动",右下角有轮播指示点。- 核心功能入口2x2网格:高度100pt,每个入口宽165pt、高80pt,圆角12pt。四个入口依次是【VR展馆】图标+文字;【限时体验课】带倒计时角标;【非遗直播】带"热播中"红点;【打卡挑战】带"今日挑战"标识。- 推荐流标题:高度44pt,左对齐文字"推荐作品",右侧"更多 >"。- 双列瀑布流:两列等宽,列间距12pt,左右边距16pt。每个卡片宽165pt,包含140pt高图片区、16pt加粗标题、标签(如"直播中"、"1.2w观看")、小头像+昵称。卡片依次展示:"剪纸教程"显示2.3w观看;"皮影戏"显示直播红点;"刺绣技法";"陶瓷手作"。- 右下角悬浮圆形朱砂红背景发布按钮带"+"。生成高清效果图,光线自然,无文字乱码,所有元素位置比例精准。
毕业设计UI作品展板,竖版9:16比例,副展板2,新中式国风,莫兰迪灰青蓝主色调,米白底色,浅暖黄点缀色。标题文字为"创新设计 · 成果总结",标题两侧有中式盘扣装饰纹样。版面内容丰富分区清晰:产品创新点模块(3D虚拟试穿技术、AR真人试穿技术、非遗文化科普体系、数字化传承模式四个子项,每个子项配图标和详细说明)、信息架构图模块(完整的APP功能架构树状图,含首页/科普馆/传承人/试穿间/商城/我的六大模块及子功能)、低保真线框图展示模块(首页线框图、试穿间线框图、科普馆线框图共3-4张灰度线框稿)、交互流程图模块(用户试穿购买完整流程图)、用户体验地图模块、项目设计总结模块(设计价值、社会意义、未来展望三段文字)、设计感悟/致谢模块。少量手机样机展示试穿交互特写界面:AR试穿真人效果特写、3D虚拟试穿间不同旗袍款式人台特写、科普馆非遗内容特写、传承人页面特写等。搭配丰富的传统装饰元素:传统旗袍纹样(云纹、缠枝莲、梅花纹)作为底纹(低透明度不抢主体)、非遗盘扣装饰元素、中式卷轴边框、印章式标题装饰、水墨山水点缀、毛笔书法笔触装饰、回纹/如意纹分隔线。排版规整有序,圆角分区卡片,卡片内有中式细边框装饰。专业UI毕设展板,内容充实饱满,干净高级,8K超清,适合线下展览。禁止扭曲样机、禁止文字错乱,所有手机屏幕内容正常清晰,画面不要过度滤镜,写实平面展板效果,画面不要出现多余水印,构图稳定。毕业设计UI作品展板,竖版9:16比例,副展板2,新中式国风,莫兰迪灰青蓝主色调,米白底色,浅暖黄点缀色。标题文字为"创新设计 · 成果总结",标题两侧有中式盘扣装饰纹样。版面内容丰富分区清晰:产品创新点模块(3D虚拟试穿技术、AR真人试穿技术、非遗文化科普体系、数字化传承模式四个子项,每个子项配图标和详细说明)、信息架构图模块(完整的APP功能架构树状图,含首页/科普馆/传承人/试穿间/商城/我的六大模块及子功能)、低保真线框图展示模块(首页线框图、试穿间线框图、科普馆线框图共3-4张灰度线框稿)、交互流程图模块(用户试穿购买完整流程图)、用户体验地图模块、项目设计总结模块(设计价值、社会意义、未来展望三段文字)、设计感悟/致谢模块。少量手机样机展示试穿交互特写界面:AR试穿真人效果特写、3D虚拟试穿间不同旗袍款式人台特写、科普馆非遗内容特写、传承人页面特写等。搭配丰富的传统装饰元素:传统旗袍纹样(云纹、缠枝莲、梅花纹)作为底纹(低透明度不抢主体)、非遗盘扣装饰元素、中式卷轴边框、印章式标题装饰、水墨山水点缀、毛笔书法笔触装饰、回纹/如意纹分隔线。排版规整有序,圆角分区卡片,卡片内有中式细边框装饰。专业UI毕设展板,内容充实饱满,干净高级,8K超清,适合线下展览。禁止扭曲样机、禁止文字错乱,所有手机屏幕内容正常清晰,画面不要过度滤镜,写实平面展板效果,画面不要出现多余水印,构图稳定。
生成中国非遗文化主题App我的页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前我的图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原,风格和参考图[image2]首页统一。从上到下布局:- 顶部栏:左侧标题"我的"(18pt加粗),右侧24x24pt设置图标。- 用户信息卡片:高度120pt,左右边距16pt,轻微渐变背景。左侧70x70pt圆形头像+右下角认证徽章;右侧昵称"非遗小传人"(18pt加粗),会员等级"守艺人"带小图标;下方三个统计数据:发布 32、点赞 189、收藏 56。- 功能入口2x2网格:每个宽165pt,高80pt,圆角12pt,依次为:"我的订单"、"非遗收藏夹"、"我的关注"、"非遗足迹",带图标+文字。- 积分/徽章系统:高度80pt,白色卡片,左右边距16pt。左侧显示"积分 1280"和"可兑换课程/材料包",右侧朱砂红"兑换"按钮;下方横向展示徽章图标。- 传统养生模块:标题"传统养生",右侧"更多"。横向滚动卡片(宽150pt,高80pt):健康问答、书法与情绪、香道静心、节气养生。- 非遗与心理健康:单条卡片,高度70pt,显示"刺绣如何缓解焦虑?" + 右侧箭头。- 推荐课程:横向滚动小卡片(宽160pt,高100pt):"篆刻入门"、"中医香囊DIY"。生成高清效果图,保持与首页参考图完全一致的设计风格,无文字乱码,所有元素位置比例精准。生成中国非遗文化主题App我的页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前我的图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原,风格和参考图[image2]首页统一。从上到下布局:- 顶部栏:左侧标题"我的"(18pt加粗),右侧24x24pt设置图标。- 用户信息卡片:高度120pt,左右边距16pt,轻微渐变背景。左侧70x70pt圆形头像+右下角认证徽章;右侧昵称"非遗小传人"(18pt加粗),会员等级"守艺人"带小图标;下方三个统计数据:发布 32、点赞 189、收藏 56。- 功能入口2x2网格:每个宽165pt,高80pt,圆角12pt,依次为:"我的订单"、"非遗收藏夹"、"我的关注"、"非遗足迹",带图标+文字。- 积分/徽章系统:高度80pt,白色卡片,左右边距16pt。左侧显示"积分 1280"和"可兑换课程/材料包",右侧朱砂红"兑换"按钮;下方横向展示徽章图标。- 传统养生模块:标题"传统养生",右侧"更多"。横向滚动卡片(宽150pt,高80pt):健康问答、书法与情绪、香道静心、节气养生。- 非遗与心理健康:单条卡片,高度70pt,显示"刺绣如何缓解焦虑?" + 右侧箭头。- 推荐课程:横向滚动小卡片(宽160pt,高100pt):"篆刻入门"、"中医香囊DIY"。生成高清效果图,保持与首页参考图完全一致的设计风格,无文字乱码,所有元素位置比例精准。
创意 × 2
毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。 左侧区域(约占画面宽度45%):背景为极浅的淡蓝色(浅蓝色背景),垂直居中放置一张完整的手机APP测试结果页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。 右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"测试结果"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号醒目清晰,使用标准无衬线黑体。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,有适当间距,使用标准无衬线黑体。 3. 正文段落:较大字号深灰色文字,内容为"'测试结果'页面对用户的防骗测试表现进行集中反馈,通过测试得分、能力维度、薄弱环节及错题回顾等内容呈现学习情况。页面利用数据图形和分层卡片增强结果的直观性,帮助用户了解自身风险识别能力,并根据薄弱环节进行针对性学习。" 正文行间距舒适,段落宽度适中,左对齐,使用标准无衬线黑体,字体清晰无乱码。 整体配色:左侧浅蓝背景,右侧白色背景,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。所有文字使用统一的标准无衬线黑体字体。 画面中必须完整呈现以下文字信息:"测试结果"、"设计说明"、"'测试结果'页面对用户的防骗测试表现进行集中反馈,通过测试得分、能力维度、薄弱环节及错题回顾等内容呈现学习情况。页面利用数据图形和分层卡片增强结果的直观性,帮助用户了解自身风险识别能力,并根据薄弱环节进行针对性学习。" 画面中所有文字必须精确渲染,字体统一为标准无衬线黑体,清晰可读,不得出现乱码、错位、遗漏或编造的文字。毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。

左侧区域(约占画面宽度45%):背景为极浅的淡蓝色(浅蓝色背景),垂直居中放置一张完整的手机APP测试结果页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。

右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"测试结果"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号醒目清晰,使用标准无衬线黑体。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,有适当间距,使用标准无衬线黑体。
3. 正文段落:较大字号深灰色文字,内容为"'测试结果'页面对用户的防骗测试表现进行集中反馈,通过测试得分、能力维度、薄弱环节及错题回顾等内容呈现学习情况。页面利用数据图形和分层卡片增强结果的直观性,帮助用户了解自身风险识别能力,并根据薄弱环节进行针对性学习。" 正文行间距舒适,段落宽度适中,左对齐,使用标准无衬线黑体,字体清晰无乱码。

整体配色:左侧浅蓝背景,右侧白色背景,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。所有文字使用统一的标准无衬线黑体字体。

画面中必须完整呈现以下文字信息:"测试结果"、"设计说明"、"'测试结果'页面对用户的防骗测试表现进行集中反馈,通过测试得分、能力维度、薄弱环节及错题回顾等内容呈现学习情况。页面利用数据图形和分层卡片增强结果的直观性,帮助用户了解自身风险识别能力,并根据薄弱环节进行针对性学习。"

画面中所有文字必须精确渲染,字体统一为标准无衬线黑体,清晰可读,不得出现乱码、错位、遗漏或编造的文字。