About · 产品理念
先整理结构,再谈视觉
一个栏目众多的平台页面,最容易在信息密度里失去方向。本站的产品理念只有一句话:把结构放在视觉前面。先决定内容按什么顺序出现、按什么层级归属,再决定它长成什么样。银灰底负责安静,细边框负责分界,克制蓝只留给少数几个真正重要的动作。
三条设计原则
清晰、一致、克制
三条原则分别回答层级、记忆与强调三个问题,全部落在每一页的排版细节里。
清晰:把层级讲明白
模块标题、说明、展开内容三级分明;任何一屏都能回答“我在哪个栏目、这里能做什么”两个问题。
一致:让位置可被记忆
卡片、按钮与图标在每页共用同一套尺寸与间距。学会一处就能顺用整站,入口位置是可以被记住的。
克制:减少无效强调
主色只留给主要动作与关键状态,其余信息交给灰阶表达。安静的部分越多,重要的部分越容易被看见。
灰阶与强调
一张图看懂颜色比例
银灰页面里,图片只承担氛围与场景示意,不抢信息本身的位置。
Roadmap · 设计主线
三条并行推进的整理线
不设具体时间表,只描述每条线负责解决的问题与交付边界。
结构线
栏目、入口与内页先排进信息架构,页面先后顺序与跳转关系由此确定。
表达线
每个区块用 overline、标题、说明、卡片的固定节奏统一表达,行文语气保持产品文档口吻。
收尾线
375、768、1440 三档宽度逐级校对,杜绝横向溢出与图片变形,窄屏导航可折叠。