青幕AI写作 · UI 高保真设计稿参考

基于「美观度、品牌识别、交互体验、细节完成度」四个维度,提供三种可落地的视觉方向,帮助你确认最终设计基调。

三种设计方向

以下三种方向均在保留现有三栏布局的基础上进行视觉升级,风险可控,迁移成本由低到高排列。

推荐

方向 A:精致简约专业风

在现有工具风格上做精细化打磨:提升色彩饱和度、统一阴影与圆角、增加微交互动效。最接近当前架构,实施风险最低。

  • 主色:青蓝 #0891b2
  • 辅助:暖金 #f59e0b(AI 强调)
  • 字体:Geist + 系统中文字体
  • 氛围:专业、清晰、高效
备选

方向 B:沉浸式写作氛围风

弱化工具感,强化创作沉浸感。米白纸张背景、衬线字体、更宽松的行距,适合追求文艺气质的写作者。

  • 主色:深褐 #5c4d3c
  • 背景:米白 #faf8f3
  • 字体:思源宋体 / 霞鹜文楷
  • 氛围:温暖、专注、纸墨感
备选

方向 C:现代微光科技风

采用深色玻璃拟态与柔和发光效果,突出 AI 科技感。适合年轻用户或偏好暗黑高级感的群体。

  • 主色:霓虹青 #06b6d4
  • 辅助:电紫 #8b5cf6
  • 材质:毛玻璃 + 发光
  • 氛围:未来、智能、高级

方向 A:精致简约专业风

推荐方案。保留工具效率感,通过色彩、阴影、圆角、微动画提升整体质感。

欢迎页

青幕AI写作

面向长篇小说的 AI 写作桌面端系统
最近项目
📄
都市异能录
D:\Works\都市异能录
📄
星海远航
D:\Works\星海远航

主界面 · 写作区

📝
📁
🔍
🧠
⚙️
章节库
📁 第一卷:觉醒
  📄 第1章 异变
  📄 第2章 初识
📁 第二卷:成长
  📄 第3章 试炼

第1章 异变

夜色深沉,城市的霓虹灯在雨幕中晕染成模糊的光斑。林默站在天桥上,望着脚下川流不息的车河,手中的咖啡早已凉透。

他不知道,从这一刻起,自己的命运将被彻底改写。

一道闪电划破天际,伴随着震耳欲聋的雷鸣。林默只觉得后颈一阵刺痛,仿佛有什么东西正从他的脊椎深处苏醒……

设置页

🤖 模型设置
🔌 嵌入模型
🌐 网络代理
🎨 界面设置
📖 小说设置
🔧 维护

LLM 提供商

API 提供商
模型
API Key

高级选项

最大上下文长度

方向 B:沉浸式写作氛围风

弱化工具感,让写作区成为绝对主角。适合追求文艺、专注、长时间创作的作者。

青幕AI写作

于文字之间,寻一方静土
最近项目
山河故人
三天前编辑
长安夜雨
一周前编辑
📝
📁
🔍
⚙️
章节
第一卷:长安
第一章 夜雨

第一章 夜雨

长安的雨,总是来得悄无声息。夜幕低垂,街边的灯笼在细雨中摇曳,将行人的影子拉得很长很长。

少年站在酒肆门口,望着漫天雨丝,心中翻涌着说不清的思绪。今日一别,不知何时才能再回这长安城。

方向 C:现代微光科技风

深色玻璃拟态 + 柔和发光,强调 AI 科技感。适合偏好现代、高级、暗黑体验的用户。

青幕AI写作

AI 驱动的长篇小说创作系统
最近项目
赛博纪元
D:\Works\赛博纪元
量子梦境
D:\Works\量子梦境
📝
📁
🔍
⚙️
章节库
第一卷:觉醒
第1章 重启

第1章 重启

林深的意识从冰冷的培养舱中苏醒。视网膜上跳动着一行行数据流,提醒他:距离上次离线,已经过去了三十二年。

窗外是永夜的城市,霓虹广告牌在酸雨中闪烁。他知道,自己已经不再是人类了。

关键组件细节

以方向 A 为例,展示按钮、图标栏、通知、聊天等高频组件的优化后效果。

按钮层次

图标栏激活态

📝
📁
🔍

激活项有左侧 3px 指示条 + 背景色高亮

后台任务通知

正在生成大纲...
预计需要 1-2 分钟

AI 聊天消息

AI
青幕助手
已为你生成本章续写建议,请查看下方内容。
复制 保存到章节库 重新生成

方向对比与推荐

维度 方向 A 精致简约 方向 B 沉浸氛围 方向 C 微光科技
实施风险 低 中 中高
用户学习成本 极低 低 中
品牌识别提升 中 高 高
长时间写作舒适度 高 极高 高
开发工作量 2-3 周 3-4 周 3-4 周

推荐:方向 A + 方向 B 的写作区可选

建议主界面采用方向 A 的精致简约专业风,保证功能清晰和操作效率;同时为用户提供「写作氛围模式」选项,一键切换到方向 B 的纸张沉浸体验。这样既能提升整体美观度和品牌识别,又不会因为风格过强而牺牲可用性。