创意预览图

[第5屏] 详情页合作页-校园组织参与合作流程说明。 [氛围/风格] 简约清晰流程化设计,延续浅米白淡紫统一色调,步骤清晰,易读性强。 [元素布局] 页面顶部为合作标题区,主体区域分三步展示合作流程,

用户头像

1q051yaja4q...

2026.06.11
[第2屏] 详情页痛点页-校园经期女孩突发困扰场景展示。 [氛围/风格] 温暖共情扁平插画风格,延续浅米白底淡紫调,简约干净,情感共鸣感强。 [元素布局] 页面顶部为痛点标题区,主体分为左右两个对比区域:左侧展示女孩遇到突发情况的尴尬不安场景,右侧展示有应急点后的安心从容场景。保持配色和插画风格与第一屏完全一致,左右对比清晰,主体占画面70%,每个场景占比约40%。 [光影质感] 整体均匀柔和光线,左右场景光影一致,色块清晰,无强烈明暗对比。 [配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫)+ 暖肤色 + 深灰文字;辅助色:#E8E0F0(浅紫背景块)。 [视角构图] 上下分栏+左右对比构图,标题在上,对比场景在下,阅读动线清晰。 [文字版式] 顶部主标题「你的校园,也有这样的困扰吗?」,深灰色居中,加粗。左侧小标题「突发经期 没有准备」,小字描述「忘记带卫生巾,不好意思开口借,尴尬又不安」;右侧小标题「贴心点位 随时取用」,小字描述「应急放置点,随时自取,解决突发困扰」。左右文字和场景一一对应,文字不遮挡主体场景。 [比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。 [负向提示词] 人物变形,文字错乱,水印,颜色偏差,背景杂乱,对比不清晰。[第2屏] 详情页痛点页-校园经期女孩突发困扰场景展示。
[氛围/风格] 温暖共情扁平插画风格,延续浅米白底淡紫调,简约干净,情感共鸣感强。
[元素布局] 页面顶部为痛点标题区,主体分为左右两个对比区域:左侧展示女孩遇到突发情况的尴尬不安场景,右侧展示有应急点后的安心从容场景。保持配色和插画风格与第一屏完全一致,左右对比清晰,主体占画面70%,每个场景占比约40%。
[光影质感] 整体均匀柔和光线,左右场景光影一致,色块清晰,无强烈明暗对比。
[配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫)+ 暖肤色 + 深灰文字;辅助色:#E8E0F0(浅紫背景块)。
[视角构图] 上下分栏+左右对比构图,标题在上,对比场景在下,阅读动线清晰。
[文字版式] 顶部主标题「你的校园,也有这样的困扰吗?」,深灰色居中,加粗。左侧小标题「突发经期 没有准备」,小字描述「忘记带卫生巾,不好意思开口借,尴尬又不安」;右侧小标题「贴心点位 随时取用」,小字描述「应急放置点,随时自取,解决突发困扰」。左右文字和场景一一对应,文字不遮挡主体场景。
[比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。
[负向提示词] 人物变形,文字错乱,水印,颜色偏差,背景杂乱,对比不清晰。
[第7屏] 详情页案例页-已落地校园合作暖心案例展示。 [氛围/风格] 温暖真实案例展示风格,延续浅米白淡紫统一色调,温馨治愈,充满能量。 [元素布局] 页面顶部为案例标题区,主体区域展示两张已落地点位实景示例缩小图搭配文字说明,上下排列,保持插画风格和实景展示结合,整体不拥挤,留白充足,保持设计风格和配色与前几屏一致。主体内容占画面70%。 [光影质感] 整体均匀柔和光线,实景区域亮度均匀,和设计区域融合自然,色块清晰。 [配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫装饰块)+#333333(深灰文字)+#555555(浅灰说明)。 [视角构图] 标题在上,两个案例分上下展示,每个案例左侧图右侧文字,图文排版清晰,层次分明。 [文字版式] 顶部主标题「暖心落地案例」,深灰色加粗居中。第一个案例:左侧示例图+右侧「某重点大学」,说明文字「已经覆盖教学楼、图书馆、宿舍楼多个点位,服务超千名女生」;第二个案例:左侧示例图+右侧「某师范学院」,说明文字「合作一月,帮助百位女生解决突发困扰,收获一致好评」。文字排版清晰,图文间距舒适,不遮挡内容。 [比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。 [负向提示词] 图文错位,文字错乱,颜色偏差,水印,背景杂乱,案例模糊。[第7屏] 详情页案例页-已落地校园合作暖心案例展示。
[氛围/风格] 温暖真实案例展示风格,延续浅米白淡紫统一色调,温馨治愈,充满能量。
[元素布局] 页面顶部为案例标题区,主体区域展示两张已落地点位实景示例缩小图搭配文字说明,上下排列,保持插画风格和实景展示结合,整体不拥挤,留白充足,保持设计风格和配色与前几屏一致。主体内容占画面70%。
[光影质感] 整体均匀柔和光线,实景区域亮度均匀,和设计区域融合自然,色块清晰。
[配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫装饰块)+#333333(深灰文字)+#555555(浅灰说明)。
[视角构图] 标题在上,两个案例分上下展示,每个案例左侧图右侧文字,图文排版清晰,层次分明。
[文字版式] 顶部主标题「暖心落地案例」,深灰色加粗居中。第一个案例:左侧示例图+右侧「某重点大学」,说明文字「已经覆盖教学楼、图书馆、宿舍楼多个点位,服务超千名女生」;第二个案例:左侧示例图+右侧「某师范学院」,说明文字「合作一月,帮助百位女生解决突发困扰,收获一致好评」。文字排版清晰,图文间距舒适,不遮挡内容。
[比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。
[负向提示词] 图文错位,文字错乱,颜色偏差,水印,背景杂乱,案例模糊。
[第1屏] 详情页头图-安心医生「予她安心」校园应急关怀计划服务宣传。 [氛围/风格] 温暖治愈扁平插画风格,浅米白底搭配淡紫柔和色调,简约干净,清晰友好,充满校园青春感,商业设计质感。 [元素布局] 画面顶部留白放置品牌和计划名称,主体区域居中展示两个相互拥抱的年轻女孩插画(参考图风格,延续浅紫爱心背景),占据画面60%-70%区域。保持女孩插画风格简洁,色块干净,人物表情阳光温暖,背景浅紫爱心轮廓和参考保持一致,整体版式和参考图相似但细节差异化设计,底部预留行动号召和二维码位置。 [光影质感] 整体均匀柔和光线,无强烈明暗对比,插画色块边缘清晰干净,整体明亮通透。 [配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫)+ 暖肤色 + 黑色头发 + 浅紫衣服;辅助色:#333333(标题深灰)。 [视角构图] 中心对称构图,视觉从上到下依次为标题-主体插画-行动号召,阅读动线清晰,主体居中突出。 [文字版式] 顶部标题区域:主标题「予她安心 经期女性友好行动」,加粗深灰色,居中排列,字号为画面宽度5%;副标题「安心守护,为“她”解忧」,浅灰色,主标题下方居中,字号为主标题60%。主体区域为插画,底部行动号召区域:文字「安心医生校园应急关怀计划 邀你同行」,深灰色居中,右下角预留二维码放置位置,文字不遮挡主体人物。 [比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。 [负向提示词] 人物变形,文字错乱,水印,颜色偏差,背景杂乱,结构错误,产品模糊。[第1屏] 详情页头图-安心医生「予她安心」校园应急关怀计划服务宣传。
[氛围/风格] 温暖治愈扁平插画风格,浅米白底搭配淡紫柔和色调,简约干净,清晰友好,充满校园青春感,商业设计质感。
[元素布局] 画面顶部留白放置品牌和计划名称,主体区域居中展示两个相互拥抱的年轻女孩插画(参考图风格,延续浅紫爱心背景),占据画面60%-70%区域。保持女孩插画风格简洁,色块干净,人物表情阳光温暖,背景浅紫爱心轮廓和参考保持一致,整体版式和参考图相似但细节差异化设计,底部预留行动号召和二维码位置。
[光影质感] 整体均匀柔和光线,无强烈明暗对比,插画色块边缘清晰干净,整体明亮通透。
[配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫)+ 暖肤色 + 黑色头发 + 浅紫衣服;辅助色:#333333(标题深灰)。
[视角构图] 中心对称构图,视觉从上到下依次为标题-主体插画-行动号召,阅读动线清晰,主体居中突出。
[文字版式] 顶部标题区域:主标题「予她安心 经期女性友好行动」,加粗深灰色,居中排列,字号为画面宽度5%;副标题「安心守护,为“她”解忧」,浅灰色,主标题下方居中,字号为主标题60%。主体区域为插画,底部行动号召区域:文字「安心医生校园应急关怀计划 邀你同行」,深灰色居中,右下角预留二维码放置位置,文字不遮挡主体人物。
[比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。
[负向提示词] 人物变形,文字错乱,水印,颜色偏差,背景杂乱,结构错误,产品模糊。
[第3屏] 详情页理念页-安心医生「予她安心」校园应急关怀计划理念传递。 [氛围/风格] 温暖治愈扁平插画风格,延续浅米白淡紫统一色调,简约温馨,充满互助温度。 [元素布局] 页面顶部为理念标题,主体区域展示三位女孩手拉手围成圈的插画,周围点缀小爱心元素,保持插画风格与前两屏完全一致,整体居中排版,主体占画面65%。底部预留核心理念文字区域,排版宽松舒适。 [光影质感] 整体均匀柔和光线,无强烈对比,色块干净清晰,整体明亮温暖。 [配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫)+ 不同深浅暖肤色+黑色长发+浅色系衣服;辅助色:#333333(深灰文字)。 [视角构图] 中心构图,标题在上,主体插画在中,文字在下,视觉层次清晰,焦点集中在中心插画。 [文字版式] 顶部主标题「我们的理念」,深灰色加粗居中。主体插画下方,核心文案分三行居中展示:「从一片卫生巾开始」「让突如其来的不安」「变成一份安心的相遇」,行间距宽松,字号适中,清晰易读。最底部 slogan「Girls help girls 让校园更温暖」,浅紫色加粗突出。文字不遮挡主体插画。 [比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。 [负向提示词] 人物变形,文字错乱,水印,颜色偏差,背景杂乱,结构错误。[第3屏] 详情页理念页-安心医生「予她安心」校园应急关怀计划理念传递。
[氛围/风格] 温暖治愈扁平插画风格,延续浅米白淡紫统一色调,简约温馨,充满互助温度。
[元素布局] 页面顶部为理念标题,主体区域展示三位女孩手拉手围成圈的插画,周围点缀小爱心元素,保持插画风格与前两屏完全一致,整体居中排版,主体占画面65%。底部预留核心理念文字区域,排版宽松舒适。
[光影质感] 整体均匀柔和光线,无强烈对比,色块干净清晰,整体明亮温暖。
[配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫)+ 不同深浅暖肤色+黑色长发+浅色系衣服;辅助色:#333333(深灰文字)。
[视角构图] 中心构图,标题在上,主体插画在中,文字在下,视觉层次清晰,焦点集中在中心插画。
[文字版式] 顶部主标题「我们的理念」,深灰色加粗居中。主体插画下方,核心文案分三行居中展示:「从一片卫生巾开始」「让突如其来的不安」「变成一份安心的相遇」,行间距宽松,字号适中,清晰易读。最底部 slogan「Girls help girls 让校园更温暖」,浅紫色加粗突出。文字不遮挡主体插画。
[比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。
[负向提示词] 人物变形,文字错乱,水印,颜色偏差,背景杂乱,结构错误。
[第8屏] 详情页行动号召页-邀请校园组织扫码加入合作。 [氛围/风格] 温暖有力收尾设计,延续浅米白淡紫统一色调,突出号召,干净清晰。 [元素布局] 页面顶部为号召标题,主体区域居中放置slogan和二维码,底部放置品牌署名,整体居中排版,留白充足,突出二维码和行动按钮,保持设计风格和配色与前几屏完全一致,主体占画面70%。 [光影质感] 整体均匀柔和光线,二维码区域清晰干净,无明暗干扰,色块清晰。 [配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫行动按钮)+#333333(深灰文字)+白色按钮文字;辅助色:淡紫装饰爱心。 [视角构图] 中心聚焦构图,从上到下依次为标题、slogan、二维码、行动按钮、品牌署名,焦点在二维码区域。 [文字版式] 顶部主标题「邀请你的学校加入」,深灰色加粗居中。主标题下方slogan「Girls help girls,感谢你与安心医生同行」,深灰色居中。二维码居中放置,二维码下方淡紫色圆角按钮放置白色文字「扫码申请加入」,最底部放置「安心医生Dr.anxin 」品牌署名,浅灰色居中。整体排版舒适,突出二维码和行动按钮,文字清晰不遮挡。 [比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。 [负向提示词] 二维码模糊,文字错乱,颜色偏差,水印,背景杂乱,排版拥挤。[第8屏] 详情页行动号召页-邀请校园组织扫码加入合作。
[氛围/风格] 温暖有力收尾设计,延续浅米白淡紫统一色调,突出号召,干净清晰。
[元素布局] 页面顶部为号召标题,主体区域居中放置slogan和二维码,底部放置品牌署名,整体居中排版,留白充足,突出二维码和行动按钮,保持设计风格和配色与前几屏完全一致,主体占画面70%。
[光影质感] 整体均匀柔和光线,二维码区域清晰干净,无明暗干扰,色块清晰。
[配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫行动按钮)+#333333(深灰文字)+白色按钮文字;辅助色:淡紫装饰爱心。
[视角构图] 中心聚焦构图,从上到下依次为标题、slogan、二维码、行动按钮、品牌署名,焦点在二维码区域。
[文字版式] 顶部主标题「邀请你的学校加入」,深灰色加粗居中。主标题下方slogan「Girls help girls,感谢你与安心医生同行」,深灰色居中。二维码居中放置,二维码下方淡紫色圆角按钮放置白色文字「扫码申请加入」,最底部放置「安心医生Dr.anxin 」品牌署名,浅灰色居中。整体排版舒适,突出二维码和行动按钮,文字清晰不遮挡。
[比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。
[负向提示词] 二维码模糊,文字错乱,颜色偏差,水印,背景杂乱,排版拥挤。
[第5屏] 种草推荐理由页-校园电商入手推荐理由说明。 [氛围/风格] 清晰可信,简约明快,保持整体青春校园风格统一,增强信任感。 [元素布局] 顶部放置主标题,然后分五个区域逐条展示推荐理由,每条理由编号排列,从上到下依次分布,布局宽松不拥挤,信息清晰易读。 [光影质感] 整体光线均匀明亮,无暗角,文字和背景对比清晰,阅读舒适。 [配色色系] 全局底色 #f5f9ff,延续整体配色,编号用橙色突出,标题黑色加粗,正文深灰色,风格统一。 [视角构图] 从上到下纵向排列,主标题→五条理由,阅读动线流畅,每一条理由间距适中,不拥挤。 [文字版式] 顶部主标题 "为什么推荐你在校园电商入手?" 加粗;五条理由依次:1. 价格友好,适配学生生活费,说明 "全部单品百元以内,拼单更有折扣,不用吃土也能提升宿舍生活质量";2. 尺寸完美适配高校宿舍,说明 "专门根据本校宿舍床铺、书桌尺寸定制,无买大 / 买小踩雷情况";3. 宿舍安全无隐患,说明 "台灯低功率、置物架免打孔、收纳盒无尖锐边角,完全符合宿管检查标准";4. 校园专属售后,取货超方便,说明 "校内线下自提点,下单当天可取;7 天无理由退换,破损直接换新";5. 本校在校生真实实测,说明 "所有实拍图均为校内学生实拍,无商家过度滤镜,所见即所得";文字大小适中,每条理由标题加粗,正文小字,移动端清晰可读。 [比例分辨率] 9:16,4K,文字清晰可辨。 [负向提示词] 变形,水印,文字错乱,文字过小,间距拥挤,排版混乱,颜色偏差。[第5屏] 种草推荐理由页-校园电商入手推荐理由说明。
[氛围/风格] 清晰可信,简约明快,保持整体青春校园风格统一,增强信任感。
[元素布局] 顶部放置主标题,然后分五个区域逐条展示推荐理由,每条理由编号排列,从上到下依次分布,布局宽松不拥挤,信息清晰易读。
[光影质感] 整体光线均匀明亮,无暗角,文字和背景对比清晰,阅读舒适。
[配色色系] 全局底色 #f5f9ff,延续整体配色,编号用橙色突出,标题黑色加粗,正文深灰色,风格统一。
[视角构图] 从上到下纵向排列,主标题→五条理由,阅读动线流畅,每一条理由间距适中,不拥挤。
[文字版式] 顶部主标题 "为什么推荐你在校园电商入手?" 加粗;五条理由依次:1. 价格友好,适配学生生活费,说明 "全部单品百元以内,拼单更有折扣,不用吃土也能提升宿舍生活质量";2. 尺寸完美适配高校宿舍,说明 "专门根据本校宿舍床铺、书桌尺寸定制,无买大 / 买小踩雷情况";3. 宿舍安全无隐患,说明 "台灯低功率、置物架免打孔、收纳盒无尖锐边角,完全符合宿管检查标准";4. 校园专属售后,取货超方便,说明 "校内线下自提点,下单当天可取;7 天无理由退换,破损直接换新";5. 本校在校生真实实测,说明 "所有实拍图均为校内学生实拍,无商家过度滤镜,所见即所得";文字大小适中,每条理由标题加粗,正文小字,移动端清晰可读。
[比例分辨率] 9:16,4K,文字清晰可辨。
[负向提示词] 变形,水印,文字错乱,文字过小,间距拥挤,排版混乱,颜色偏差。
[第6屏] 详情页支持页-安心医生为校园合作提供的支持内容。 [氛围/风格] 简约信息卡片设计,延续浅米白淡紫统一色调,清晰明了,干净整洁。 [元素布局] 页面顶部为标题区,主体区域分三张淡紫色卡片展示三项支持内容,从上到下排列,每张卡片包含图标、标题和说明,卡片间距均匀,留白充足,保持设计风格和配色与前几屏一致,整体主体占画面75%。 [光影质感] 整体均匀柔和光线,卡片有轻微阴影增加层次,色块干净清晰。 [配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#E8E0F0(淡紫卡片背景)+#8A75A3(深紫标题)+#333333(深灰文字);辅助色:白色图标背景。 [视角构图] 从上到下分块排版,三张卡片依次排列,信息分区清晰。 [文字版式] 顶部主标题「我们为你提供」,深灰色加粗居中。第一张卡片:图标+标题「免费物资支持」,说明文字「免费提供应急卫生巾和取用展示架,无需校方出资」;第二张卡片:图标+标题「宣传物料支持」,说明文字「提供标准化海报、贴纸等宣传物料,快速落地」;第三张卡片:图标+标题「品牌背书支持」,说明文字「专业医疗品牌背书,活动更有信任感和影响力」。每张卡片标题加粗,说明文字常规字重,文字排版清晰不拥挤。 [比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。 [负向提示词] 卡片变形,文字错乱,排版拥挤,颜色偏差,水印,背景杂乱。[第6屏] 详情页支持页-安心医生为校园合作提供的支持内容。
[氛围/风格] 简约信息卡片设计,延续浅米白淡紫统一色调,清晰明了,干净整洁。
[元素布局] 页面顶部为标题区,主体区域分三张淡紫色卡片展示三项支持内容,从上到下排列,每张卡片包含图标、标题和说明,卡片间距均匀,留白充足,保持设计风格和配色与前几屏一致,整体主体占画面75%。
[光影质感] 整体均匀柔和光线,卡片有轻微阴影增加层次,色块干净清晰。
[配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#E8E0F0(淡紫卡片背景)+#8A75A3(深紫标题)+#333333(深灰文字);辅助色:白色图标背景。
[视角构图] 从上到下分块排版,三张卡片依次排列,信息分区清晰。
[文字版式] 顶部主标题「我们为你提供」,深灰色加粗居中。第一张卡片:图标+标题「免费物资支持」,说明文字「免费提供应急卫生巾和取用展示架,无需校方出资」;第二张卡片:图标+标题「宣传物料支持」,说明文字「提供标准化海报、贴纸等宣传物料,快速落地」;第三张卡片:图标+标题「品牌背书支持」,说明文字「专业医疗品牌背书,活动更有信任感和影响力」。每张卡片标题加粗,说明文字常规字重,文字排版清晰不拥挤。
[比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。
[负向提示词] 卡片变形,文字错乱,排版拥挤,颜色偏差,水印,背景杂乱。
设计一张A3竖版校园失物招领创意介绍海报,仿照示例图二的排版格式,内容清晰丰富,包含以下模块:作品名称为"校园共享失物招领驿站",创意来源写大学校园内学生物品遗失后,线下招领信息分散、通知效率低,失物积压难以找寻,失主与拾主信息不对称,导致失物找回率低,需要一个统一便捷的线下+线上联动方案。创意描述写打造校园线下固定失物招领驿站+线上小程序同步的方案,线下驿站分区存放各类失物,贴专属二维码,扫码可查看失物信息、提交认领申请;工作人员定期整理,信息线上同步,让失物招领流程清晰化、规范化,提升失物找回效率,方便全校师生。设计草图部分绘制四步草图:从驿站布局初稿、分区设计、功能模块完善到最终整体效果图的演进过程。设计样图放完整的校园失物招领驿站主视觉效果图,包含入口、分区展示、二维码标识。产品展示模块展示关键设计细节:分区存放牌、信息二维码牌、线上信息查询页面示例。独创设计说明写采用线上线下联动模式,信息实时同步溯源,分区管理清晰有序,降低冒领错领概率,提升失物招领整体效率,让失物招领在校园里切实可行。场景展示模块展示两个场景:学生扫码查看失物信息,驿站工作人员整理失物。整体采用蓝色白色为主色调,风格简约清晰,现代校园风,字迹图片全部清晰,排版工整,信息详尽设计一张A3竖版校园失物招领创意介绍海报,仿照示例图二的排版格式,内容清晰丰富,包含以下模块:作品名称为"校园共享失物招领驿站",创意来源写大学校园内学生物品遗失后,线下招领信息分散、通知效率低,失物积压难以找寻,失主与拾主信息不对称,导致失物找回率低,需要一个统一便捷的线下+线上联动方案。创意描述写打造校园线下固定失物招领驿站+线上小程序同步的方案,线下驿站分区存放各类失物,贴专属二维码,扫码可查看失物信息、提交认领申请;工作人员定期整理,信息线上同步,让失物招领流程清晰化、规范化,提升失物找回效率,方便全校师生。设计草图部分绘制四步草图:从驿站布局初稿、分区设计、功能模块完善到最终整体效果图的演进过程。设计样图放完整的校园失物招领驿站主视觉效果图,包含入口、分区展示、二维码标识。产品展示模块展示关键设计细节:分区存放牌、信息二维码牌、线上信息查询页面示例。独创设计说明写采用线上线下联动模式,信息实时同步溯源,分区管理清晰有序,降低冒领错领概率,提升失物招领整体效率,让失物招领在校园里切实可行。场景展示模块展示两个场景:学生扫码查看失物信息,驿站工作人员整理失物。整体采用蓝色白色为主色调,风格简约清晰,现代校园风,字迹图片全部清晰,排版工整,信息详尽
[第4屏] 详情页规则页-应急卫生巾取用使用指南说明。 [氛围/风格] 简约清晰扁平设计风格,延续浅米白淡紫统一色调,信息层级分明,易读性强。 [元素布局] 页面顶部为标题区,使用淡紫色圆角底块放置标题文字,主体区域分两点展示核心使用规则,每个规则配一个简约小圆图标,规则文字放大加粗突出。整体左右排列,留白充足,不拥挤,文字占比合理,主体信息占画面70%。保持设计风格和配色与前几屏完全一致。 [光影质感] 整体均匀柔和光线,无明暗对比,色块干净,文字清晰。 [配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫标题块)+#333333(深灰规则文字)+#555555(浅灰说明文字);辅助色:白色标题文字。 [视角构图] 从上到下排版,标题+规则1+规则2依次排列,每块间距均匀,阅读流畅。 [文字版式] 顶部淡紫色圆角块居中放置白色标题「使用指南」,字号大,加粗。第一规则:左侧淡紫色小圆点+右侧大字体加粗文字「应急使用 按需自取」,下方小字浅灰色说明「遇到突发情况可以随时取用,解决你的紧急需求」。第二规则:左侧淡紫色小圆点+右侧大字体加粗文字「取一放一 互帮互助」,下方小字浅灰色说明「取用后如果方便,请补充一片,把温暖传递下去」。文字排版左对齐,清晰不遮挡,间距舒适。 [比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。 [负向提示词] 文字错乱,排版拥挤,颜色偏差,水印,背景杂乱,色块模糊。[第4屏] 详情页规则页-应急卫生巾取用使用指南说明。
[氛围/风格] 简约清晰扁平设计风格,延续浅米白淡紫统一色调,信息层级分明,易读性强。
[元素布局] 页面顶部为标题区,使用淡紫色圆角底块放置标题文字,主体区域分两点展示核心使用规则,每个规则配一个简约小圆图标,规则文字放大加粗突出。整体左右排列,留白充足,不拥挤,文字占比合理,主体信息占画面70%。保持设计风格和配色与前几屏完全一致。
[光影质感] 整体均匀柔和光线,无明暗对比,色块干净,文字清晰。
[配色色系] 全局底色:#F5F5F5(浅米白);主体配色:#8A75A3(淡紫标题块)+#333333(深灰规则文字)+#555555(浅灰说明文字);辅助色:白色标题文字。
[视角构图] 从上到下排版,标题+规则1+规则2依次排列,每块间距均匀,阅读流畅。
[文字版式] 顶部淡紫色圆角块居中放置白色标题「使用指南」,字号大,加粗。第一规则:左侧淡紫色小圆点+右侧大字体加粗文字「应急使用 按需自取」,下方小字浅灰色说明「遇到突发情况可以随时取用,解决你的紧急需求」。第二规则:左侧淡紫色小圆点+右侧大字体加粗文字「取一放一 互帮互助」,下方小字浅灰色说明「取用后如果方便,请补充一片,把温暖传递下去」。文字排版左对齐,清晰不遮挡,间距舒适。
[比例分辨率] 9:16 竖版比例,适配移动端,4K分辨率,文字清晰可辨。
[负向提示词] 文字错乱,排版拥挤,颜色偏差,水印,背景杂乱,色块模糊。