5.8 KiB
官网首页重构
页面定位与内容
面向企业业务负责人、信息化负责人和产品选型人员，先说明软件定制与标准产品两条路径，再展示项目案例、实施流程、公司介绍、客户反馈和技术文章。
以具体服务名称与项目工作说明范围，不新增客户数量、认证、业绩等背书。客户反馈沿用旧首页前两条原文。抽象案例插图标注为“方案示意”。新闻继续从 information.data 读取，空数据时展示简短提示，不链接不存在的默认文章。
视觉与交互
1280px 容器、宋体标题、黑体正文、蓝白配色、细线与 4px 圆角。移除首页轮播，首屏保留一组核心内容和业务入口。移动端使用独立品牌页头及原生 details 菜单；桌面复用公共导航。两套模板采用同一主体规划。
产品入口使用现有 product-matrix 与 demo-sandbox 锚点；SaaS 按钮为“咨询开通”，指向联系留言页面。电话从站点配置读取。
文件
- addons/official/view/web/official_home/index.html
- addons/official/view/web/official_home/index_e.html
- public/assets/addons/official/css/home-nhc.css
- public/assets/addons/official/images/home/confluence.webp（JPEG 兼容格式同目录）
- public/assets/addons/official/images/home/modules.webp（JPEG 兼容格式同目录）
配图生成
使用内置 ImageGen 生成，Pillow 转为 WebP 与 JPEG。首屏 WebP 约 70KB，公司介绍图约 79KB，均声明尺寸，非首屏延迟加载。
最终提示词：
Create a premium abstract architectural sculpture photograph for the homepage of NAHAICHUAN, a refined Chinese software engineering company. Landscape 3:2, gallery-quality photorealistic still life on a warm white seamless studio ground. Several long precision-cut matte white porcelain channels and slim rectangular beams flow together from different directions into one elegant open rectangular courtyard, with a single slender cobalt-blue glass plane threading horizontally through the lower structure. Architectural composition conveys separate business systems becoming connected. No mountains, no folded paper, no ribbon, no brain, no robot, no circuits, no text or logo. Modern Chinese architecture expressed only through spatial rhythm, framed views and emptiness. Soft sunlight from upper left, finely detailed matte stone and translucent blue glass, gentle grey shadows, sophisticated tranquil high-end editorial art direction, abundant negative space around the complete sculpture. Sculpture mostly occupies center-right and lower area, background pale white #F8FAFC. Tactile, precise, restrained and beautiful.
Museum-quality abstract architectural still life, horizontal wide composition for a professional software company website. Four distinct low rectangular modules of warm-white matte porcelain sit on a limestone platform, precisely aligned yet each with a different elegant open cutout. A thin translucent cobalt-blue glass rail connects the four modules along one shared axis. View from high oblique angle, exquisite natural daylight, warm white and pale slate-grey with one restrained blue accent, realistic tactile ceramics and frosted glass, quiet architectural rhythm inspired by modern Chinese courtyard design without ornament. Spacious balanced composition with no clutter. Premium brand photography, beautifully controlled shadows, photorealistic 3D. No labels, no text, no symbols, no logos, no robots, no circuitry, no neon, no purple, no spheres, no ribbons. The entire sculpture is visible with generous breathing room. Pale white background.
验证范围
相关 40 项测试通过。浏览器核对桌面、375px 手机、横屏、125% 缩放、减少动态效果、键盘菜单、锚点及图片加载。PC 与移动模板均生成本地静态预览，发布后另核对服务器实际渲染和动态文章。
UI/UX Pro Max 本地 scripts 为失效路径指针，沿用技能正文的可访问性、对比度、触控与响应式规范。保留原有 ThinkPHP 技术栈，无新增框架。
首页内容补充（2026-11-05）
保留现有首屏、品牌配图、文章数据及咨询路径，增加内容深度：
- 三项服务分别补充可承担的具体工作（共9项）。
- 四类产品补充功能与评估事项（共12项），增加标准产品、定制开发、已有系统集成的选型提示。
- 四个案例增加业务关注与方案范围说明，不增加效果数据或客户背书。
- 增加工程配置、数据文档、部署维护的交付与运行板块。
- 增加五个合作问答，说明需求准备、周期费用、既有系统、接手维护与新增需求。
- 咨询入口前增加可准备的资料清单，并提供首页内容导航。
相关40项测试通过，检查375px手机、横屏、125%缩放、减少动态效果、FAQ键盘操作与页内锚点。仅发布首页两套模板及首页样式，原文件另行备份。
紧凑排版调整（2026-11-05）
保留全部首页内容，收紧板块上下间距、标题与正文距离、卡片内边距与列表行间隔；降低服务、产品、案例和文章图片高度。桌面板块间距由94px调整为56px，手机由58px调整为38px。保持正文可读性、咨询按钮和菜单的点击区域。
同一视口下，桌面首页主体高度由约8093px降至6276px（约22%），手机由约14973px降至12683px（约15%）。14项首页跳转与文案测试通过，另检查横屏、125%缩放、减少动态效果和FAQ键盘操作。仅发布首页样式及两套模板的缓存版本号。
第二轮紧凑优化
桌面案例改为横向图文，手机服务、产品及资讯使用缩略图，进一步收紧首屏和板块留白。全部内容保留。相同视口下，主体高度桌面约5092px，手机约9886px，较上一版再减少约19%和22%。验证320px窄屏、横屏、125%缩放及14项相关测试。