41 行
4.3 KiB
Markdown
41 行
4.3 KiB
Markdown
# 软件开发服务页重构
|
||
|
||
## 策划与文案
|
||
|
||
面向业务负责人和信息化负责人，以建设方式为起点，介绍新建系统、既有系统改造、接口集成及按需中台建设。说明业务流程与数据设计、架构选型、权限管理、测试和运行准备。
|
||
|
||
不把微服务等技术选型直接等同于性能结果。交付分源码构建、接口数据、部署使用、测试验收四类，另行说明迁移条件、第三方授权及维护范围。保留现有联系留言流程，电话从站点配置读取。
|
||
|
||
## 视觉与交互
|
||
|
||
沿用新版首页和服务页的白底、蓝色、宋体标题、1280px 容器与细线结构。两张白瓷及蓝色玻璃图片分别表达模块集成与分层装配。首屏优先加载，非首屏延迟加载；图片保持完整，不以裁切破坏主要结构。
|
||
|
||
手机使用品牌页头及原生 details 菜单。FAQ 同样使用 details/summary，支持键盘。页面样式限定在 software-service 内，避免影响其他页面。
|
||
|
||
## 文件
|
||
|
||
- addons/official/view/web/official_product/service_software.html
|
||
- addons/official/view/web/official_product/list.html（本页 viewport 条件）
|
||
- addons/official/view/web/official_product/list_e.html（本页移动菜单与轮播适配）
|
||
- public/assets/addons/official/css/service-software.css
|
||
- public/assets/addons/official/images/software/assembly.webp
|
||
- public/assets/addons/official/images/software/assembly.jpg
|
||
- public/assets/addons/official/images/software/layers.webp
|
||
- public/assets/addons/official/images/software/layers.jpg
|
||
|
||
## 配图
|
||
|
||
使用内置 ImageGen 生成，经 Pillow 转码为 WebP 与 JPEG，均为 1440×960。首屏 WebP 约 105KB，分层图约 84KB。
|
||
|
||
最终提示词：
|
||
|
||
> Create an exceptionally refined abstract architectural sculpture photograph for an enterprise software development service website. Landscape 3:2. A precise assembled system of six off-white matte porcelain geometric modules arranged on a square limestone base in a loose three-by-two spatial grid, some solid and some open rectangular frames. One continuous thin translucent cobalt-blue glass plane passes through aligned slots in the modules, visibly linking them into a coherent structure. Oblique architectural camera angle, entire sculpture visible, balanced visual weight, generous negative space, soft pale-white studio ground #F8FAFC. Elegant joinery details, crisp but softly chamfered edges, tactile ceramic microtexture, believable glass refraction, natural daylight from upper left and subtle slate-grey shadows. Museum catalogue luxury editorial quality, modern Chinese architectural rhythm through structure and framed space, no traditional ornaments. Pure abstract sculpture, not furniture or a building, no phones, no screens, no UI, no letters, no text, no robots, no brain, no circuit boards, no neon, no purple, no ribbons, no spheres.
|
||
|
||
> Luxury architectural model photograph of an abstract software structure, landscape 3:2. Four beautifully crafted thin square plates, white ceramic, clear glass, white ceramic and deep cobalt-blue frosted glass, arranged as a small precise exploded assembly with gentle horizontal offsets on a square pale limestone plinth. Narrow vertical porcelain pins align all layers so this reads as an engineered layered sculpture with visible assembly logic, not a bench or furniture. View at a high oblique angle, sophisticated calm modern Chinese spatial sensibility, sparse geometry, entire sculpture visible surrounded by airy off-white space. Natural morning light, soft diffuse shadows, exquisite material textures, quiet restrained blue accent. Photorealistic museum-quality still-life art direction. No labels, no text, no icons, no screens, no circuit patterns, no robot, no neon, no spheres, no purple, no ribbons. A coherent carefully assembled object that evokes clear layers and maintainable structure.
|
||
|
||
## 验证
|
||
|
||
相关 28 项测试通过。检查 1440px 桌面、375px 手机、812px 横屏、125% 缩放、减少动态效果、图片、页内锚点、菜单与 FAQ 键盘操作。先使用真实公共模板构建本地预览，发布后核对服务器渲染、资源及链接，并回查首页、APP 页与智能体页。
|
||
|
||
UI/UX Pro Max 本地 scripts 为失效路径指针，依据技能正文执行排版、对比度、触控与可访问性检查。沿用 ThinkPHP 技术栈。
|