首页骨架三分钟速览
头部、主视觉、内容区、页脚四段怎么切分。
03:48成品站灬频
成品站灬频把一个个已经做完、能直接打开的站点成品，剪成几分钟就能跟完的短轨：先看首页骨架怎么立起来，再看内页层级怎么接过去，最后停在移动端最容易出问题的那几处。每条轨道都配一份可对着改的清单，看一遍就能回到自己的页面上动手。
本周首轨：三栏首页怎么收进一屏
从栏宽分配到首屏留白，逐段停帧看一遍，末尾附可直接照搬的栅格参数。
时长 04:12 · 首页骨架 / 栅格 / 首屏最新上线轨道
每条轨道只解决一个成品站里的具体问题，按顺序跟看可以完整走完一遍站点从骨架到上线。
内页层级：从栏目页到详情页
标题层级与跳转路径如何保持一致。
05:21移动端断点前后的两种排法
同一套内容在窄屏下的换行与触控尺寸。
04:06表单与按钮的尺寸基线
可点区域、间距与错误提示的位置。
02:57配色收紧：从五色到两色
如何让成品站的主色更集中、更耐看。
03:33上线前的一次完整走查
按清单逐项过一遍再交付。
06:14成品站拆解：一条轨道看四层
每个站点成品都按四层拆开讲，跟看时可以只挑自己卡住的那一层。
- 首页骨架：头部信息、主视觉、内容分栏与页脚落点，先定一屏里放几件事。
- 内页层级：栏目页并列、详情页收敛，标题层级与跳转路径前后一致。
- 移动端适配：窄屏下的单栏堆叠、触控目标尺寸与横向溢出排查。
- 交付清单：链接连通、文案占位替换、图片尺寸与关闭脚本后的可读性。
跟看节奏
建议按下面的顺序推进，每段之间留出一次动手改写的时间。
- 先看骨架两条
把首页骨架与内页层级连着看完，在自己的页面上对照标注差异。
- 再补移动端与控件
跟看断点排法与尺寸基线，把窄屏上的换行和按钮尺寸调到位。
- 收紧配色
把主色与辅助色各自归位，减少同一页面里的颜色数量。
- 照清单走查
用上线走查那条轨道逐项核对，确认无遗漏后再交付。
常见疑问
轨道需要按顺序全部看完吗？
不必。骨架、层级、适配、配色与走查各自独立，按当前卡住的那一层跳看即可，清单部分可以单独使用。
成品站的清单能直接照搬到自己的页面吗？
清单里的项是通用检查点，参数需要按自己页面的栏宽、字号和内容量做一次换算，直接套用前先确认触控尺寸与换行效果。
页面上标注的时长是播放时间吗？
时长代表跟看每段内容大致需要的时间，用于安排顺序，不代表任何播放器或媒体的实际加载状态。
内容多久更新一次？
轨道按周补充，新内容会排在轨道列表前列；页面更新日期以页面底部标注为准。