GARDEN ART

收、转、透、放:四个动作构成一条空间叙事

造园不是把元素放满,而是控制人何时看到什么。把这种顺序感转译到网页中,就变成清楚的入口、适度遮挡、层级展开与重点释放。

  1. 收

    降低入口的信息量

    入口先收紧,让人知道从哪里开始,而不是一次面对全部栏目。

  2. 转

    通过路径改变视线

    导航与相关内容负责转向,让浏览者在不同主题间有明确过渡。

  3. 透

    先给线索,不把内容讲尽

    摘要、标签与占位图像漏窗一样,提供足够判断继续阅读的信息。

  4. 放

    在正文处完整展开

    进入文章或专题后再提供连续、完整、可独立阅读的内容。

BORROWED VIEW

“借景”也可以理解为连接相关信息

园林把墙外的塔、远山或树冠纳入画面,并不把它们搬进园内。同样,好的内容门户也不需要复制所有信息,而应通过清晰关系告诉用户“从这里还能看向哪里”。

因此,集芳阁更强调站内主题之间的联系:影视可以从情绪进入,文档可以从工作场景进入,园林可以从空间动作进入。

留白是一种主动控制

页面留白不是“没做满”,而是让标题、正文、卡片和视觉装置之间保持可识别边界。信息密度高并不等于所有区域都要挤在一起。

重复建立秩序,变化提供节奏

统一颜色、圆角、间距和标题体系建立秩序;不同模块再通过网格、横带、列表和大卡片形成变化。秩序与变化同时存在,页面才不会既混乱又单调。

WALK THE GARDEN

回到园林志,看看这些方法如何落在具体内容里

返回中国园林