造园心法

六种园林动作,重新理解一张网页怎么“走”

造园不是把元素摆进去,而是安排人如何进入、看到什么、何时转折、哪里停顿。数字内容同样需要这样的节奏。

01

框景

用边界帮助用户快速识别当前主题与下一步行动。

首页 Hero 用明确主标题与搜索框形成首个“框景”。
02

借景

通过相关内容连接上下文,但保持主次清晰。

相关推荐只引入能补充当前主题的内容,形成“借景”。
03

对景

让导航、标题与内容入口彼此回应,减少迷路感。

导航状态与页面标题彼此呼应,形成“对景”。
04

障景

不是隐藏信息,而是控制一次出现的复杂度。

移动端折叠筛选,让复杂选项暂时退后,形成“障景”。
05

曲折

在必要处分阶段展示,让探索保持节奏。

长页面通过不同布局变化维持探索节奏,形成“曲折”。
06

留白

给高密度信息留出视觉缓冲与思考空间。

模块间距与空白让高密度内容获得停顿,形成“留白”。
实践建议

当页面显得“什么都有但哪里都不想看”时

不要先加装饰。先问:入口是否清楚、第一屏是否只承担一个主任务、相关推荐是否相关、长内容是否有转折、重要内容周围是否有足够空白。

  • 用一个主 H1 说明页面最重要的主题
  • 用 H2 把长内容分成不同观察层级
  • 让 CTA 去到真实页面而不是空锚点
查看页面检查清单
延伸

东方结构感与蓝紫云端科技并不冲突

园林提供空间关系,蓝紫色提供现代云端语义,两者通过抽象 SVG 和排版共同出现。这样既不会变成传统文化官网,也不会退化成没有品牌差异的科技模板。

视觉目标第一眼是高级云端搜索,第二眼才发现东方园林结构。集芳阁云搜 · 品牌原则
↑