章法中文网页设计技能
合桌设备比较页:将接口图示与共同口径的规格放在一起

把选择,放回真实需要。

合桌 / 商品比较 / 章法条件

规格先有共同口径,界面才有选择的依据。

沿河慢走活动页:蓝色路线图与报名步骤并列呈现

留一个下午,给城市。

沿河慢走 / 本地模拟预约 / 章法条件

路线负责唤起向往,流程负责让人安心行动。

纸岸书店章法版本概览,书籍成为视觉主对象;打开查看桌面与手机完整页面对比查看完整页面对比 ↗

01 / 看见书籍成为主对象

02 / 决定日程接住行动

03 / 到达到店说明收尾

正在读取同页修复前后的对比记录…

这里是同页面修复前后的比较;原始对照组保持不变,不作为独立模型胜率。

设计值得被检验,也值得被如实呈现。

— 个场景3 组条件— 组真实试验

04 / 把作品放回同一个问题

把差别,放进同一个问题。

相同需求,三种条件。
逐页查看,自己判断。

请选择一个场景

正在准备试验场

读取后可切换设计条件,查看相同需求下的页面。

页面尚未制作

这里会展示实际生成的页面。索引不等于成品。

桌面布局 · 1440 像素宽 · 按区域等比缩放预览用于比较版式;交互与复制可打开独立页面。尺寸预览不代表真机验收
成果状态将在场景读取后显示。
查看原始需求
尚未选择场景。

05 / 有章可循

有章可循,
也有变化的余地。

章法提供判断的顺序,
不把每个页面变成同一个答案。

01

先辨内容,再定形式

谁在阅读,先看什么,接下来做什么。每一处视觉决定,都应有内容上的理由。

02

让中文,按中文的节奏呼吸

从行长、断句到标点,从标题的重心到段落的间距,让阅读自然发生。

03

让结果,接受同一把尺子的检查

能打开不等于已验收。分别记录生成、技术检查与视觉审视,保留尚未完成的部分。

一处可操作的排印练习

换一句话,
换一种重心。

这里是手工规则示意。输入你自己的中文,观察对齐与行宽如何改变表达。

打开 12 组局部试排 ↗
一句中文的空间练习规则示意
文字是页面的第一种图形

好内容,
值得被好好看见。

在主次之间,找到表达的重心。

如何阅读这里的状态

真实智能体试验同一需求下实际运行并保留的页面;生成结果仍需技术与视觉检查。

规则示意为解释设计方法而制作的示例,不作为技能效果的实验证据。

尚未制作已列入范围、尚无可查看成品。不会用示例页替代真实试验。

打开12组局部试排示意 ↗

各条件按批次运行,组内共享上下文;加载技能不代表完整执行,省略步骤与额外修复见每题记录。“已生成”只说明页面已经产出;“技术已验证”也不代表视觉或人工验收通过。本展示不推断成功率。

把章法,带进你的项目。

下一个好页面,
从你的中文开始。

获取开源技能

支持 Codex 与 Claude Code · 新建、受限改版与只审阅