UI/UX 作品集 PPT 页面,游戏陪玩 APP 用户画像,… - 图片创意预览

UI/UX 作品集 PPT 页面,游戏陪玩 APP 用户画像,…

UI/UX 作品集 PPT 页面,游戏陪玩 APP 用户画像,浅淡薰衣草紫极简背景,干净简约清新 UI 设计,2026电竞项目。 页面顶部:左侧大标题「用户画像 USER PORTRAIT」,右上角小

用户头像

Kid the Pha...

2026.05.15
毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。 左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP我的(个人成长)页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。 右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"我的(个人成长)",顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。 3. 正文段落:常规字号深灰色文字,内容为"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。 整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。 本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。 画面中必须完整呈现以下文字信息:"我的(个人成长)"、"设计说明"、"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。" 画面中所有文字必须精确渲染,不得错位、遗漏或编造。毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。

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

右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"我的(个人成长)",顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。
3. 正文段落:常规字号深灰色文字,内容为"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。

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

本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。

画面中必须完整呈现以下文字信息:"我的(个人成长)"、"设计说明"、"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。"

画面中所有文字必须精确渲染,不得错位、遗漏或编造。
毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。 左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP我的(个人成长)页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。 右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"我的(个人成长)",顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。 3. 正文段落:常规字号深灰色文字,内容为"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。 整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。 本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。 画面中必须完整呈现以下文字信息:"我的(个人成长)"、"设计说明"、"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。" 画面中所有文字必须精确渲染,不得错位、遗漏或编造。毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。

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

右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"我的(个人成长)",顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。
3. 正文段落:常规字号深灰色文字,内容为"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。

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

本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。

画面中必须完整呈现以下文字信息:"我的(个人成长)"、"设计说明"、"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。"

画面中所有文字必须精确渲染,不得错位、遗漏或编造。
毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。 左侧区域(约占画面宽度45%):背景为极浅的淡蓝色(浅蓝色背景),垂直居中放置一张完整的手机APP风险反馈页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。 右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"风险反馈"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。 2. 小标题:较大号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。 3. 正文段落:较大字号深灰色文字(比常规说明文字放大一号,确保清晰可读),内容为"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐,字体清晰无乱码。 整体配色:左侧浅蓝背景,右侧白色背景,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。 本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。 画面中必须完整呈现以下文字信息:"风险反馈"、"设计说明"、"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 画面中所有文字必须精确渲染,字体清晰,不得出现乱码、错位、遗漏或编造的文字。毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。

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

右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"风险反馈"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。
2. 小标题:较大号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。
3. 正文段落:较大字号深灰色文字(比常规说明文字放大一号,确保清晰可读),内容为"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐,字体清晰无乱码。

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

本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。

画面中必须完整呈现以下文字信息:"风险反馈"、"设计说明"、"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。"

画面中所有文字必须精确渲染,字体清晰,不得出现乱码、错位、遗漏或编造的文字。
毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。 左侧区域(约占画面宽度45%):背景为极浅的淡蓝色(浅蓝色背景),垂直居中放置一张完整的手机APP我的(个人成长)页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。 右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"我的(个人成长)",顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号醒目清晰,使用标准无衬线黑体。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,有适当间距,使用标准无衬线黑体。 3. 正文段落:较大字号深灰色文字,内容为"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。" 正文行间距舒适,段落宽度适中,左对齐,使用标准无衬线黑体,字体清晰无乱码。 整体配色:左侧浅蓝背景,右侧白色背景,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。所有文字使用统一的标准无衬线黑体字体。 画面中必须完整呈现以下文字信息:"我的(个人成长)"、"设计说明"、"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。" 画面中所有文字必须精确渲染,字体统一为标准无衬线黑体,清晰可读,不得出现乱码、错位、遗漏或编造的文字。毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。

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

右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"我的(个人成长)",顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号醒目清晰,使用标准无衬线黑体。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,有适当间距,使用标准无衬线黑体。
3. 正文段落:较大字号深灰色文字,内容为"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。" 正文行间距舒适,段落宽度适中,左对齐,使用标准无衬线黑体,字体清晰无乱码。

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

画面中必须完整呈现以下文字信息:"我的(个人成长)"、"设计说明"、"'我的'页面以个人学习与成长记录为核心,通过学习进度、安全能力、学习积分、连续学习、成就徽章及最近学习等内容集中呈现用户的学习状态。页面采用数据化与卡片化方式组织信息,帮助用户直观了解学习成果和能力变化,增强持续学习金融安全知识的动力。"

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