社区作者发布的参考画面 · 🍺 イケハヤ@「月蝕綺譚」開発编辑提示词完整提示词目标:为名为 {argument name="site title" default="月蝕綺譚"} 的日式悬疑游戏或故事存档网站创建一个精致的网站原型,并以响应式设计预览呈现,左侧为桌面浏览器窗口,右侧为智能手机屏幕。 画布:宽屏 16:9 的展示图,背景为浅灰色。左侧放置一个占据约 75% 宽度的桌面浏览器原型,右侧放置一个占据约 22% 宽度的竖向智能手机原型。使用带有柔和阴影的真实设备边框。 视觉风格:优雅的日式文学恐怖、静谧悬疑、档案文献、月光下的黑暗。配色方案包含象牙白纸张色、墨黑色、深海军蓝、柔和灰,以及一处强烈的朱红色点缀。使用日式衬线字体、细横线、票据式边框、细腻的纸张纹理、旧手稿图像以及淡淡的新月轨道线条图形。整体氛围应如同叙事游戏的官方高端网站。 桌面端布局:展示一个带有深色顶部栏和三个小窗口圆点的浏览器窗口。页面内部使用象牙白页眉,左侧显示网站标题 {argument name="site title" default="月蝕綺譚"}、一个小红印章,以及 5 个水平导航项:「お知らせ」、「開発記録」、「ご意見箱」、「アーカイブ」以及一个标有「メールで会員になる」的深海军蓝按钮。下方的首屏区域是一个宽幅的深色月食视觉图,垂直标题「月蝕綺譚」居中于发光的月牙/月食之上。叠加一张半透明的档案 UI 卡片,展示旧日式文档,并在叠加层底部放置 5 张小型收藏/文档卡片。在首屏图像的最底部,包含 5 个水平缩略图条,分别展示:夜间街道、蓝图风格房间、深色文件夹或物体、旧手写纸张以及桌面/工作区地图。 桌面端右侧注册卡片:在首屏右侧,放置一张带有半圆形切口和细装饰边框的大型奶油色票据式会员卡。包含小标签「入会札」、印章标志、标题「メールで会員になる」、信封图标、简短说明文字、一个带有占位符「メールアドレスを入力」的电子邮件输入框,以及一个标有「登録する」并带有向右箭头的红色 CTA 按钮。下方包含微小的隐私政策文本。 桌面端下方内容:在首屏下方,创建一个双栏布局感区域。左侧为大型日式标语 {argument name="tagline text" default="物語の続きを、いちばん近くで。"},配有一条细垂直红线和一个简短的描述段落。右侧并排放置 3 张文章卡片。这 3 张卡片分别为:1) 「月蝕綺譚 最新便」,配有月亮图像、红色 NEW 小标签、标题「大型アップデート『○○』を公開しました」、日期 2024.05.20;2) 「開発記録」,配有笔记本和笔的图像、标题「開発記録 #12:環境音の調整について」、日期 2024.05.18;3) 「ご意見箱」,配有深色邮箱图像、标题「ご意見・ご感想をお聞かせください」、日期 2024.05.16。每张卡片都有细边框、标题栏中的小箭头以及灰色占位符摘要行。 桌面端页脚:在底部添加一个深海军蓝页脚,包含 6 个页脚链接:「お知らせ」、「開発記録」、「ご意見箱」、「アーカイブ」、「利用規約」、「プライバシーポリシー」。右侧包含一个月牙图标和版权信息「© 2024 月蝕綺譚」。 移动端布局:在右侧的智能手机上,展示适配移动端的同一网站。状态栏时间显示 9:41。页眉包含标题「月蝕綺譚」和一个汉堡菜单图标。下方展示一个紧凑的深色首屏,包含月食和垂直标题,然后是 5 个小型水平缩略图。接着是标语「物語の続きを、いちばん近くで。」,然后是同样的票据式电子邮件注册卡片,随后是第一条新闻卡片「月蝕綺譚 最新便」(带月亮图像和红色 NEW 标签)。移动端视图应呈现为可垂直滚动,但限制在手机屏幕内。 约束:所有可见的界面文本均按指定使用日语。使用清晰、高保真的 UI 原型渲染、锐利的排版、柔和的阴影,且不添加额外的徽标或水印。设计应看起来像是为实施规划而生成的成品网页/应用原型。复制提示词带入创作工作台恢复默认仅带入描述,不会自动生成。参考图与编辑模式请先上传或选中原图。来源与说明由 🍺 イケハヤ@「月蝕綺譚」開発 发布,经 YouMind 收录。提示词与图片权利归原作者及相应平台。此案例需要参考图片,请在创作工作台中上传后再使用。查看原始来源 ↗ · 作者主页